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内 容 简 介 


本 书 主要 讲述 人 机 交互 学 (Human-Computer Interaction， 简 称 HCI) 这 一 学 科 在 Web 界面 设计 领 
域 中 的 应 用 。 

正如 你 所 看 到 的 ， 这 是 一 本 文字 轻松 ， 而 且 有 很 多 好 玩 插图 的 ……: 技 术 理 论 书籍 。 

没 错 ， 技 术 理 论 。 它 将 和 你 讨论 关于 软件 (或 网 站 ) 的 界面 与 用 户 之 间 的 关系 一 一 界面 是 你 做 的 ， 
而 使 用 它 的 是 用 户 一 一 所 以 ， 别 自信 满 满 地 说 自己 做 得 很 牛 ， 让 我 们 听 听 用 户 的 意见 。 这 本 书 能 告诉 你 
这 一 套 顺 序 大 概 是 怎样 的 ， 你 应 该 注意 些 什么 ， 最 终 水 到 渠 成 的 是 一 个 能 经 得 起 考验 的 产品 。 

这 本 书 可 以 说 是 一 本 针对 广泛 大 众 ， 以 及 那些 没有 接受 过 人 机 交互 和 可 用 性 专业 培训 的 用 户 界面 设 
计 人 员 的 辅导 和 帮助 手册 。 你 不 必 背 诵 那些 扬 口 的 专业 词汇 ， 你 只 需 知道 “我 该 如 何 去 做 ”从 而 解决 问 
题 。 这 本 身 也 是 人 机 交互 学 科 的 一 个 重要 原则 一 一 “易于 学 习 ， 从 而 便于 使 用 ”。 

你 明白 了 。 这 不 是 本 情节 跌宕 起 伏 的 小 说 ， 也 不 是 行文 优美 如 诗 的 散文 。 但 我 仍然 希望 它 能 给 人 带 
来 快乐 一 一 学 习 不 是 一 件 枯燥 的 事 ， 但 很 多 人 把 它 变 得 枯燥 了 。 绝 大 多 数 技术 理论 书籍 的 作者 们 都 正 襟 
危 坐 就 好 像 板 着 面孔 的 老师 ， 不 可 否认 ， 对 待 学 术 问题 应 当 态 度 严谨 ， 但 是 严谨 不 代表 枯燥 ,能 在 专业 
知识 课堂 上 把 大 家 逗 笑 的 老师 一 定 不 简单 。 

我 不 敢 说 我 做 到 了 ， 但 我 在 努力 。 
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业者 专家 对 本 书 的 评语 


本 书 从 最 日 常 的 界面 使 用 体验 出 发 ， 简 单 易 懂 ， 尤 其 是 结合 了 实际 工作 案例 进行 
讲解 ， 是 一 本 很 难得 的 国内 交互 设计 的 入 门 读物 。 





一 一 Rokey 
Eico Design 创意 总 监 ， 国 内 最 知名 GUI 设计 师 





这 大 概 是 国内 第 一 本 非 “ 学 究 ” 性 的 书籍 ， 全 面 介绍 了 UCD 的 相关 知识 。 其 内 
容易 于 理解 ， 对 于 向 更 多 的 人 传播 UCD 思想 很 有 意义 。 期 待 看 到 更 多 类 似 书籍 在 国 
内 出 版 。 





一 一 自 鸦 
产品 设计 顾问 ， 可 用 性 专家 


纵览 本 节 ， 无 论 你 是 处 于 产品 开发 流程 中 哪 一 环节 的 人 员 ， 你 都 会 发 现 它 对 你 有 

所 帮助 。 作 者 描述 了 UCD 的 各 种 方法 ， 通 过 有 趣 的 介绍 形式 ， 把 你 引领 到 UCD 的 领 
域 中 来 。 

一 一 Peter Qu 

联众 公司 UE 工程 师 


敞开 心 床 ， 转 换 思 路 ， 跟 着 这 本 书 去 领会 怎样 去 设计 才能 真正 服务 于 用 户 。 以 用 

户 为 中 心 的 概念 ， 的 确 就 是 这 么 简单 。 
一 一 田 了 明慧 
SIEMENS 中 国 研究 院 ” 用 户 界面 设计 中 心经 理 


用 通俗 易 懂 的 语言 ， 结 合 实际 的 案例 ， 由 浅 入 深 的 介绍 了 UI 设计 ， 帮 你 从 交互 设 
计 的 角度 重新 认识 Web 设计 。 
H++ (火山 大 陆 ) 
微软 亚洲 设计 中 心 User Experience Designer 





编辑 的 话 


这 是 我 来 清华 后 策划 的 所 有 书 中 最 有 趣 的 一 本 ， 事 实 上 ， 准 确 地 说 ， 它 是 目前 所 有 已 出 版 的 
计算 机 书 中 极为 有 趣 的 一 本 。 而 我 ， 很 荣幸 是 它 的 策划 编辑 。 

在 介绍 这 本 书 前 ， 我 觉得 有 必要 说 说 这 本 书 的 作者 向 怡 宁 ， 这 是 一 个 瘦 瘦 高 高 的 所 着 辫子 的 
有 趣 的 人 。 很 酷 。 是 个 人 才 , 事实 上 , 准确 的 说 , 是 个 全 才 , 因为 他 在 美术 (GUI 设计 师 和 漫画 家 )、 
音乐 (布鲁斯 口琴 和 揪 深 乐队 的 吉他 手 ) .文学 ( 魔幻 小 说 和 计算 机 书 作者 ) 等 诸多 方面 都 有 所 造 齐 。 
当然 ， 有 了 时， 这 多 多 少 少 会 让 人 有 些 恼火 。 

说 到 这 本 书 的 诞生 ， 至 少 从 我 的 角度 上 看 ， 是 很 顺利 的 ， 过 程 大 致 如 下 一 一 

有 一 天 ， 他 对 我 说 ,“ 陈 冰 ， 我 想 写 一 本 关于 Web 用 户 体验 的 书 ”， 我 说 ,“ 好 啊 ”， 于 是 ,他 
就 回 家 写 去 了 ， 写 呀 写 ， 写 呀 写 ， 几 个 月 后 ， 他 把 写 好 的 书 拿 来 给 我 看 ,“ 哇 ， 好 书 ”， 这 就 是 我 
当时 的 评价 。 一 本 好 书 就 这 样 诞生 了 , 看 似 平 淡 的 几乎 令 人 感到 乏味 , 但 这 只 是 站 在 我 的 角度 看 的 。 

当 我 站 在 作者 的 角度 看 时 ， 另 外 一 番 景 象 出 现在 我 的 脑海 中 一 一 夜以继日 的 挑灯 夜战 ， 没 有 
白天 和 黑夜 ， 只 有 思想 的 烈火 烧灼 键盘 的 声音 。 

这 本 书 也 是 我 没有 提出 任何 修改 意见 的 一 本 书 ， 因 为 实在 看 不 出 有 什么 需要 修改 的 ， 一 切 都 
很 完美 。 

说 到 这 本 书 的 特点 ， 首 先 ， 非 常 幽 默 ， 绝 对 会 带 给 你 快乐 ， 这 年 头 能 带 给 人 快乐 的 书 太 少 了 ， 
而 且 更 为 重要 的 是 , 这 本 书 还 非常 有 用 , 说 它 有 用 , 主要 是 因为 它 里 面 饱 含 着 思想 , 大 把 大 把 的 思想 ， 
绝对 都 是 货真价实 的 东西 ， 就 像 那 种 大 皮 沙 发 一 样 ， 里 面 塞 满 了 实 实在 在 的 材料 ， 都 是 可 以 用 到 
你 的 Web 开发 中 的 。 

还 有 非常 值得 一 提 的 一 点 是 ， 这 本 书 中 所 有 的 插图 都 是 作者 自己 创作 和 手绘 的 。 全 都 是 漫画 
的 形式 ， 每 一 幅 都 很 有 趣 ， 我 经 常 看 着 就 乐 。 好 玩 。 不 过 挺 让 人 恼火 。 

因为 这 本 书 实在 太 有 趣 了 ， 以 至 于 我 终于 忍 不 住 从 百 忙 中 抽出 时 间 来 亲自 做 了 这 本 书 的 文稿 
编辑 ， 主 要 是 想 一 睹 为 快 ， 哈 ， 而 且 把 其 中 那些 我 认为 很 经 典 的 句子 都 勾画 了 出 来 ， 并 嘱 只 排 版 
人 员 一 定 要 用 另 一 种 颜色 来 明显 的 标示 出 这 些 被 我 勾画 出 的 经 典 句 子 ， 因 为 我 们 大 家 看 书 时 都 有 
一 个 习惯 ， 就 是 喜欢 把 好 的 和 经 典 的 句子 都 用 笔 勾画 出 来 ， 所 以 现在 我 干脆 直接 采用 颜色 来 标示 
出 这 些 经 典 句子 ,就 省 得 读者 们 以 后 再 自己 费劲 儿 画 波浪 线 了 。 这 样 以 后 翻阅 时 也 很 容易 看 到 它们 。 

你 可 能 注意 到 了 ， 这 本 书 没 有 前 言 ， 不 要 奇怪 ， 因 为 这 本 书 的 “序章 ”， 事 实 上 ， 就 是 这 本 书 
真正 的 “前 言 ”。 

“好 ”不 能 轻易 得 到 ,“ 好 ”就 意味 着 大 量 的 工作 。 为 了 给 这 本 书 确定 一 个 好 的 版 式 ， 作 为 这 
本 书 的 策划 编辑 ， 我 对 书 的 开本 、 目 录 的 设计 ， 以 及 正文 字体 的 选择 等 等 都 花费 了 大 量 心思 ， 几 





经 改变 和 推翻 。 仅 以 确定 正文 使 用 何 种 字体 举例 ， 最 初 ， 为 了 配合 这 本 书 轻松 幽默 的 风格 ， 我 选 
择 了 幼 圆 这 种 视觉 上 轻松 活泼 的 字体 ， 但 后 来 我 发 现 幼 圆 字体 虽然 与 书 的 风格 更 匹配 ， 但 却 会 导 
致 阅 读 速度 的 降低 。 因 为 人 眼 对 圆 体 字 的 识别 速度 比 对 宋体 的 识别 速度 要 慢 , 在 长 时 间 大 量 阅读 时 ， 
这 种 较 慢 的 阅读 速度 会 让 人 产生 一 种 压抑 感 ， 而 这 是 阅读 时 最 要 不 得 的 感受 。 因 此 ， 我 重新 把 正 
文字 体 由 幼 圆 替换 为 宋体 ， 虽 然 只 是 一 个 小 小 的 变动 ， 但 却 足 以 影响 整 本 书 的 阅读 体验 。 

好 了 ， 关 于 这 本 书 ， 我 该 介绍 的 差不多 就 是 这 些 了 。 如 果 你 在 阅读 本 书 时 有 任何 意见 ， 可 以 
直接 联系 作者 (www.messbook.net)， 也 可 以 到 我 的 博客 (w3cbook.blog.sohu.com) 上 给 我 留言 。 

最 后 ,我 想 说 ,对 于 任何 有 价值 的 事物 ,不 能 轻易 的 兴起 ,一 旦 兴起 ,更 不 能 轻易 的 废弃 。 有 一 天 ， 
当 一 个 真正 的 作者 决定 写 一 本 好 书 时 ， 这 本 好 书 ， 实 际 上 ， 就 已 经 诞生 了 。 





陈 冰 
本 书 策划 编辑 、 高 级 程序 员 、 科 普 作者 
《Flash 第 一 步 》 《电脑 使 用 说 明 书 》 作 者 
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When you were young. 
And your heart was an open book. 


What does it matter to ya? 
When you got a job to do,you gotta doit well. 


一 一 Paul McCartney 


义 人 位 畦 rsseasy 
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没 错 ， 你 看 到 的 是 一 本 关于 人 机 交互 的 书 。 


如 果 你 还 不 太 了 解 这 本 书 要 讲 什么 东西 ……' 不 知道 你 在 住宅 区 或 学 校 里 面 看 到 过 减速 板 没有 。 它 
是 横 在 道路 中 间 凸 起 的 一 道 铁 板 ， 用 于 限制 机 动车 的 速度 。 这 是 个 增强 了 路 人 安全 性 的 很 好 的 办 法 。 
但 是 ， 它 在 限制 汽车 的 同时 却 又 难为 了 自行 车 。 在 很 多 小 区 或 者 校园 ， 我 发 现 几乎 所 有 的 减速 板 统统 
是 一 长 条 铁 板 ， 那 些 骑 自行 车 的 人 就 只 能 溜 边 ， 从 减速 板 和 马路 牙 子 间 的 狭小 颖 隙 中 穿 过 。 

















这 种 糟糕 的 设施 就 是 没有 充分 考虑 “用 户 ” 的 结果 。 其 实 要 限制 机 动车 而 不 阻碍 自行 车 ， 只 
需要 把 长 长 的 一 整 条 减速 板 分 成 几 块 短 板 ， 短 板 之 间 留 出 十 几 厘 米 的 空隙 便于 自行 车 穿 过 就 行 了 。 





这 就 是 是 否 “ 人 性 ”的 思维 方式 。 在 人 机 交互 设计 中 ， 也 就 是 我 们 所 说 的 “可 用 性 ”和 “用 
户 体验 ”。 网 页 也 好 ， 软 件 也 好 ， 或 者 是 手机 、 影 碟 机 等 设备 ， 只 有 充分 考虑 用 户 在 使 用 时 的 感受 ， 
才能 开发 出 令 人 满意 的 产品 。 


如 果 你 不 考虑 用 户 ,或 者 说 没有 考虑 所 有 的 用 户 ， 那 么 就 有 可 能 会 出 现 类 似 下 面 这 种 情况 : 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


关于 这 本 书 





在 你 打开 的 这 本 书 里 面 ， 我 们 主要 讨论 的 是 网 页 产品 的 界面 设计 。 这 包括 : 


@ Web ,也 就 是 网 站 。 不 管 是 个 人 网 站 还 是 商业 网 站 ,你 都 需要 考虑 用 户 体验 和 可 用 性 问题 。 


简单 来 说 ， 实 现 更 好 的 “可 用 性 ”和 “用 户 体验 ”就 是 我 们 要 谈论 的 内 容 


Web-based 产品 。 所 谓 的 Web-based 也 就 是 基于 网 页 的 产品 或 服务 。 它 们 不 用 安装 客 
户 端 ， 用 户 以 网 页 形式 就 能 登录 使 用 。 例 如 网 络 管理 系统 或 一 些 在 线 软 件 。 





如 何 才 能 充分 


考虑 用 户 的 感受 ? 


0.1 谁 该 看 这 本 书 ? 
先 看 看 你 自己 。 如 果 你 是 : 


一 个 界面 美术 设计 师 ， 使 用 Photoshop 和 Flash 软件 来 展现 自己 的 创意 和 美学 素养 ， 
考虑 材质 、 渐 变 和 光影 效果 以 及 页 面 的 布局 ， 但 却 不 太 清楚 最 合用 户 心意 的 到 底 是 简洁 实 
用 还 是 美观 大 方 ， 


一 个 软件 程序 员 ， 对 Java、C++ 和 ASP.NET 都 很 熟悉 ， 戴 着 眼镜 写 出 一 行 行 漂亮 的 
代码 。 你 觉得 对 软件 来 说 功能 的 强大 和 完备 才 是 最 重要 的 ， 从 没 怎么 在 意 过 用 户 怎么 使 
用 它 ， 


一 个 页 面 制 作 员 ， 使 用 Dreamweaver 把 100 个 表格 嵌 套 在 一 起 ， 随 心 所 欲 地 通过 
CSS 样式 表 来 控制 页 面 的 视觉 效果 。 你 认为 自己 掌握 了 不 少 知识 和 经 验 ， 如 果 有 机 会 可 
以 往 更 高 的 层次 发 展 ， 


一 个 产品 经 理 ， 甚 至 是 一 个 网 站 或 网 络 软件 公司 的 老总 ， 你 知道 自己 手下 的 技术 都 很 厉 
害 ， 但 不 知 为 什么 最 后 的 成 品 总 是 有 点 无 法 让 你 安心 。 或 者 你 想 让 自己 推出 的 产品 或 服务 
能 够 有 更 大 的 竞争 力 ， 获 得 更 多 的 好 评 从 而 占有 更 大 的 市 场 份额 ， 


一 个 初出 茅 庐 的 本 科 生 或 研究 生 ， 你 掌握 了 很 多 人 机 交互 的 专业 知识 ， 了 解 很 多 这 方 
面 的 技术 ， 但 不 知道 如 何 才能 把 你 的 本 领 发 挥 出 来 ， 并 且 告 诉 上 司 你 做 的 工作 并 不 比 程序 
员 们 简单 或 者 低级 ， 














如 果 你 是 上 述 这 几 类 人 的 其 中 之 一 〈 可 能 有 些 家 伙 还 身 兼 多 职 ) ， 而 且 : 





就 这 么 简单 resmeasy 


你 想 了 解 的 是 人 机 交互 可 用 性 方面 的 原理 和 根本 ， 希 望 能 够 真正 地 把 


你 想 


产品 变 得 更 好 ， 而 不 是 只 记 一 些 技术 用 于 夸耀 。 


你 喜欢 的 是 轻松 愉悦 的 氛围 ， 愿 意 在 睡觉 前 或 者 餐桌 上 看 看 相关 书籍 
(甚至 作为 一 种 消 遗 ) ， 但 却 很 反感 枯燥 乏味 的 专题 技术 报告 。 


那么 我 很 高 兴 这 本 书 非常 适合 你 。 如 果 你 还 在 书店 里 犹 乏 :…… 赶 紧 买 下 来 吧 ! 
但 是 ， 如 果 你 满足 以 下 任何 一 种 情况 : 


你 没有 接触 过 界面 设计 ， 比 如 没有 开发 过 软件 、 没 有 设计 过 网 站 ， 或 者 
不 是 一 个 网 络 产品 项 目的 管理 者 ， 你 甚至 不 知道 设计 界面 需要 什么 软件 。 


你 是 一 个 很 有 经 验 的 人 机 交互 设计 师 ， 希 望 看 到 各 个 交互 设计 流派 的 讨 
论 和 争吵 、 最 尖端 的 用 户 测试 技术 (例如 眼 动 跟踪 系统 ) ， 此 外 你 还 希望 
得 到 大 量 的 最 新 科研 成 果实 例 。 


你 不 喜欢 跳出 框框 的 东西 ， 觉 得 技术 就 是 技术 ， 说 一 不 二 ， 只 有 严谨 的 
词汇 才能 准确 地 表达 对 科学 的 认识 。 你 觉得 一 本 讲 人 机 交互 的 书 居然 是 
TEL 





那么 ， 很 遗憾 ， 这 本 书 不 适合 你 ， 再 看 看 架 上 其 他 的 书 吧 ! 


我 好 像 在 降低 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


序章 关于 这 本 书 





0.2 这 是 本 什么 样 的 书 ? 


我 们 仍然 需要 知道 , 人 机 交互 是 一 门 严谨 的 学 科 。 它 涉及 到 很 多 方面 的 知识 , 包括 人 体 工程 学 、 
软件 工程 学 、 心 理学 、 美 学 、 计 算 机 科学 、 社 会 科学 …… 很 多 很 多 。 这 个 领域 在 西方 研究 得 比 我 
们 要 早 ， 大 概 在 上 世纪 70 年 代 就 已 经 发 展 成 为 一 门 正式 的 学 科 了 ， 到 今天 也 已 形成 了 无 数 的 理论 
和 流派 。 市 面 上 你 能 找到 很 多 交互 设计 方面 的 书 ， 它 们 绝 大 部 分 都 非常 有 用 ， 讲 述 了 很 多 人 机 交 
互 的 内 容 ， 而 且 非 常 专业 。 


是 的 ， 非 常 专业 。 有 时 候 甚至 专业 得 没有 人 愿意 看 下 去 。 不 知道 你 有 没有 这 种 体验 ， 就 是 面 
对 着 那些 艰 涩 难 懂 、 通 篇 专业 术语 的 长 篇 累 肝 ， 明 明 都 看 在 眼 里 ， 却 没有 经 过 大 脑 ， 然 后 在 十 分 
钟 之 后 把 它们 全 部 忘 光 。 过 于 专业 的 词汇 会 让 你 的 大 脑 有 一 种 潜在 的 抵触 情绪 , 它 会 欺骗 你 的 眼睛 ， 
让 你 以 为 已 经 “看 过 ”了 ,但 其 实 你 只 是 “看 到 ”了 ， 而 没有 形成 印象 。 


我 告诉 过 你 
别 读 那 些 ! 






在 这 本 书 里 ,我 不 想 让 你 感觉 责任 重大 。 毕 竞 我 们 的 目的 只 是 为 了 让 我 们 的 产品 有 更 好 的 表现 ， 
能 够 让 用 户 们 更 方便 地 操作 ， 从 而 伸 出 他 们 的 大 拇指 :“ 这 些 家 伙 干 得 不 错 ”。 








所 以 我 不 想 和 你 谈论 过 多 技术 方面 的 问题 。 不 论 你 是 一 个 界面 美术 设计 师 ， 还 是 一 个 程序 设 
计 师 ， 或 者 是 产品 经 理 ， 甚 至 是 公司 的 老总 ， 其 实 你 所 需要 关注 的 并 不 是 实现 的 手段 如 何 ， 或 者 
到 底 使 用 了 什么 技术 ， 你 所 应 该 关心 的 只 是 “目的 达到 了 没有 ”。 











这 是 因为 ， 用 户 不 会 去 在 平 你 是 用 HTA 技术 还 是 GOMS 技术 来 分 析 他 们 的 典型 任务 ， 或 者 摆 
在 他 们 面前 的 是 PICTIVE 模型 还 是 CARD 模型 。 他 们 根本 不 会 考虑 这 些 问 题 。 他 们 只 需要 感觉 你 
的 产品 好 用 、 方 便 、 和 舒服 ， 他 们 就 会 高 兴 ， 那 么 你 的 目的 就 达到 了 。 


因此 ， 我 希望 在 你 面前 的 这 本 书 能 够 告诉 你 一 些 需要 知道 的 东西 ， 而 不 是 要 逼 你 了 解 所 有 的 
交互 设计 技术 。 我 们 需要 了 解 必 备 的 常识 ， 然 后 要 保证 自己 不 会 忘记 。 填 鸭 式 的 硬 塞 可 达 不 到 这 





就 这 发 简 单 It's so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





种 效果 一 一 除非 你 是 一 个 自虐 式 的 学 习 狂人 。 我 希望 你 能 够 轻松 地 学 到 知识 ， 而 不 是 强迫 自己 的 
大 脑 去 死记 硬 背 。 







知识 是 个 巨人 。 
有 人 背 着 它 ， 
能 站 在 肩膀 上 。 





你 怎么 看 待 知识 ? 


要 想 做 到 这 一 点 ， 我 总 结 了 一 些 方法 : 


@ ”多 给 你 一 点 好 玩 的 图 片 

有 人 说 “对 大 脑 而 言 ， 一 幅 图 顶 得 上 1024 个 字 。” 与 单纯 的 文字 相 比 ， 图 片 更 能 让 人 看 得 懂 、 
记得 住 ， 学 习 效率 也 会 更 高 。 你 的 大 脑 会 喜欢 一 些 新 鲜 的 玩意 ， 也 许 它们 只 是 让 你 感到 有 趣 、 
奇怪 或 者 幽默 ， 但 你 的 大 脑 会 投入 更 大 的 注意 力 ， 它 会 觉得 这 些 东西 更 有 可 能 要 被 记 住 。 也 
许 画图 会 耗费 我 更 多 的 时 间 和 精力 ， 但 为 了 让 你 高 兴 和 轻松 ， 我 觉得 这 是 值得 的 。 此 外 我 对 
自己 的 联想 和 绘图 能 力 感到 很 骄傲， 也 很 愿意 把 这 种 能 力 展示 出 来 。 


@ ”用 一 种 交谈 的 方式 
我 可 不 想 用 干巴 巴 的 语调 来 介绍 知识 。 照 本 宣 科 地 作 报 告 应 当 更 容易 ， 但 那样 很 没意思 ， 也 
不 会 提高 你 的 积极 性 。 想 想 看 ， 与 一 个 朋友 交谈 和 坐 在 一 堆 人 中 间 听 报告 ， 哪 一 种 会 让 你 更 
想 打 睹 睡 ? 其 实 你 的 大 脑 并 不 在 乎 “交谈 ”的 对 象 究竟 是 谁 ， 即 使 是 一 本 书 ， 这 对 它 来 说 也 
没什么 太 大 分 别 。 所 以 我 会 用 很 通俗 的 语言 来 描述 哪怕 是 很 艰深 的 知识 ， 而 且 不 会 板 着 面孔 ， 
偶尔 可 能 会 开 些 玩笑 。 

















@ ”引起 你 的 注意 ， 并 保持 你 的 注意 

你 肯定 有 过 这 样 的 体验 :“ 我 真 的 很 想 把 这 个 学 会 ， 但 是 看 过 一 页 之 后 我 实在 是 昏 午 欲 睡 "。 你 
的 大 脑 注意 的 是 那些 不 一 般 、 有 意思 、 有 些 奇 怪 、 意 料 之 外 的 东西 。 学 习 一 项 有 难度 的 新 技术 
并 不 一 定 枯 燥 。 所 以 我 可 能 会 使 用 一 些 方法 来 引起 你 大 脑 的 “警觉 "， 让 它 做 一 些 评价 和 判断 ， 
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ei 





而 不 会 老 是 呆 在 那里 打 睛 睡 。 





@ ”有 所 取舍 ,才能 有 所 收获 

这 本 书 的 目的 是 让 你 了 解 交互 设计 “可 用 性 ”方面 的 知识 ,从 而 使 你 的 工作 (不 管 是 结构 设计 、 
程序 开发 还 是 美术 设计 ) 更 系统 ， 更 容易 达到 好 的 效果 。 之 前 我 已 经 说 过 ， 介 绍 技术 不 是 这 
本 书 的 重点 。 如 果 你 真 的 要 成 为 人 机 交互 设计 的 大 师 ， 这 本 书 肯定 也 不 会 是 你 唯一 关于 交互 
设计 的 书 。 所 以 我 不 打算 方方面面 都 照顾 到 ， 以 免 弄 成 了 “ 贪 多 嚼 不 烂 "。 这 里 只 提供 你 真正 
需要 的 东西 。 


@ ”我 不 布置 作业 

在 上 学 的 时 候 作业 已 经 做 得 够 多 的 了 。 这 本 书 不 会 让 你 感到 自己 必须 付出 多 少 劳力 来 应 付 老 
师 (如 果 存 在 一 个 “老师 ”的 话 )。 很 多 书 提供 了 各 种 各 样 的 习题 ， 但 没有 提供 答案 。 这 种 习 
题 除 了 让 我 们 对 自己 更 加 怀疑 之 外 没有 什么 作用 。 还 有 很 多 书 在 习题 下 面 就 是 答案 。 既 然 答 
案 就 在 下 面 ， 为 什么 不 把 它们 以 更 好 、 更 容易 接受 的 方式 呈现 出 来 ? 真正 的 习题 是 我 们 在 现 
实 中 遇 到 的 具体 案例 。 


在 这 本 书 里 ， 我 尽力 做 到 系统 、 流 程 化 地 描述 交互 设计 的 方方面面 。 如 果 你 在 某 个 环节 遇 到 
了 问题 ， 翻 翻 对 应 的 章节 。 翻 个 两 三 次 你 就 记 住 了 。 我 们 不 需要 习题 。 


0.3 怎么 用 这 本 书 ? 


前 面 已 经 说 了 这 么 多 ， 下 面 就 看 你 的 了 。 我 在 这 里 提出 了 一 些 建议 ， 你 可 以 看 看 ， 然 后 听 听 
你 的 大 脑 怎么 说 ， 弄 清楚 对 你 来 说 哪些 做 法 可 行 ， 哪 些 做 法 不 能 奏效 。 当 然 你 也 可 以 做 一 些 新 的 


尝试。 


@ 看 慢 一 点 

毕竟 你 不 是 在 看 小 说 。 也 许 你 会 觉得 有 些 意思 ， 但 如 果 只 是 随便 翻 翻 ， 不 用 心 去 理解 的 话 ， 可 
能 也 没有 多 少 效果 。 慢 一 点 ， 有 些 东 西 需要 想 一 想 。 如 果 在 书 里 感觉 有 些 疑惑 ， 先 弄 清 楚 再 
接着 读 ， 而 不 要 把 它 放 在 一 边 “ 待 会 再 去 考虑 ”"。 我 希望 你 能 读 进 去 ， 越 深 越 好 。 要 知道 ， 理 
解 的 越 多 ， 需 要 记 住 的 就 越 少 。 


@ ”大 声 说 出 来 

如 果 你 想 看 慌 什 么 ,或 者 想 把 它 记 得 更 牢 , 就 大 声 地 说 出 来 。 比 如 :“ 这 家 伙 这 里 写 得 有 点 深奥 。 
我 想 他 是 这 么 个 意思 ……”。 更 好 的 办 法 是 , 拉 个 人 过 来 , 问 他 “你 觉得 这 里 是 个 什么 意思 ? ”， 
然后 再 把 你 的 理解 讲述 给 他 听 。 至 于 他 懂 了 没有 …… 反 正 我 不 太 在 平 。 总 之 这 样 你 会 学 得 更 快 ， 
这 是 以 前 光 看 不 说 的 时 候 未 曾 发 现 的 。 
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@ ”不 要 三 心 二 意 
没 错 ， 这 本 书 里 面 有 不 少 好 玩 的 图 片 。 但 别 只 去 看 那些 漫画 ， 它 们 是 一 种 辅助 ， 为 了 让 你 更 
轻松 地 理解 书 里 面 要 讲 的 东西 。 这 不 是 一 本 漫画 书 。 


@。 别 跟 你 的 大 脑 过 不 去 

如 果 你 发 现 看 的 内 容 开 始 不 经 过 脑子 了 ， 例 如 开始 浮光掠影 地 浏览 ， 不 太 想 记 住 ， 这 说 明 你 
的 大 脑 已 经 有 点 吃不消 了 。 这 个 时 候 你 该 休息 一 会 。 如 果 到 达 了 某 个 极限 时 还 在 一 味 地 往 里 
面 塞 东西 ， 野 战 排 的 包 也 受 不 了 ， 更 何况 你 1300 克 的 大 脑 了 。 


@ ”一 些小 提示 
多 喝 点 水 。 充足 的 液体 供应 能 够 让 你 的 大 脑 处 于 最 佳 状态 。 不 要 在 椅子 或 床上 一 呆 就 是 两 小 时 ， 
多 走动 一 下 可 以 调整 你 大 脑 的 紧张 程度 。 此 外 ， 看 完 一 些 章节 之 后 别 再 看 其 他 书 了 ， 或 者 暂 
时 不 要 看 其 他 有 难度 的 东西 。 你 的 大 脑 需要 有 一 段 时 间 对 刚 吸收 的 知识 进行 处 理 ， 如 果 此 时 
你 又 往 里 面 灌输 了 新 的 知识 ， 那 么 你 刚才 学 到 的 东西 就 会 丢掉 。 














我 相信 你 是 最 棒 的 。 如 果 你 对 书 里 的 内 容 有 些 疑问 ， 或 者 希望 更 深入 的 探讨 ， 给 我 发 邮件 
mess79@163.com， 或 者 光临 我 的 网 站 http://messbook.net。 我 会 一 直 等 在 那里 。 


0.4 感谢 这 些 伙计 
请 允许 我 在 这 里 占 一 点 篇 幅 。 这 本 书 的 完成 与 以 下 人 是 分 不 开 的 ， 我 必须 在 这 里 告诉 所 有 人 ， 
我 以 他 们 为 矣 做 : 


我 的 父母 及 家 人 。 很 明显 他 们 对 人 机 交互 一 穿 不 通 。 但 是 他 们 永远 都 一 如 既往 地 支持 着 我 
使 我 虽然 离 家 千里 却 从 没 感到 过 烦恼 。 我 非常 、 非 常 地 爱 他 们 。 


编辑 陈 冰 。 感 谢 他 对 我 的 肯定 。 作 为 清华 大 学 出 版 社 最 富 创新 精神 的 编辑 之 一 ， 他 直接 影响 
了 我 的 写作 风格 ， 并 且 对 我 极为 信任 。 一 个 快活 的 老 伙计 。 


夏 德 安 。 作 为 优秀 的 程序 员 、 我 最 好 的 朋友 之 一 ， 也 是 我 第 一 本 书 的 合 著者 ， 他 一 直 关 注 着 
我 的 这 次 写作 ， 并 且 提 供 了 莫大 的 帮助 一 一 尤其 是 在 寻找 案例 方面 。 我 仍 记得 那些 和 他 通宵 探讨 
直到 天 明 的 日 子 (尽管 其 中 大 部 分 时 间 他 都 在 玩 PSP)。 


我 的 朋友 曲 佳 。 作 为 我 的 好 友 ， 以 及 我 所 在 公司 的 UE (用 户 体验 ) 工程 师 ， 他 带 我 参加 了 
很 多 交互 设计 的 公开 活动 ， 也 认识 了 很 多 朋友 。 


James R Palmer。 咽 ,我 认识 的 最 好 的 历史 作家 ， 他 把 自己 一 生 中 最 好 的 光阴 放 在 了 中 国 ， 
研究 中 日 战争 和 中 俄 战争 。 他 教 给 我 一 些 非常 有 用 的 写作 技巧 。 


一 一 Web 开 发 中 的 可 用 性 和 用 户 体验 Its so easy 


序章 ”关于 这 本 书 





我 的 乐队 。 也 许 我 更 应 该 感谢 他 们 的 宽容 和 耐心 。 由 于 写作 我 失去 了 很 多 写 歌 和 参与 排练 的 
时 间 ， 以 至 于 无 法 在 主音 吉他 手 的 小 孩 出 生 之 前 录 好 我 们 的 专辑 小 样 。 非 常 抱歉 ! 


向 怡 宁 
2008 年 1 月 5 日 








W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 
你 首先 要 知道 的 一 些 事情 





1.1 我 听 说 过 这 些 词 …… 不 过 它们 到 底 是 什么 ? 


很 多 从 事 界面 图 形 设计 的 朋友 经 常会 彼此 发 牢骚 : "那个 程序 员 刚才 又 在 叫 我 “美工 ”了 。 





当 你 问 他 们 “ 那 你 们 是 什么 ?》 ”的 时 候 ， 他 们 一 般 都 会 很 理直气壮 地 告诉 你 :“ 我 当然 是 UI 设 
计 师 ! ” 


史 ， 朱 迪 ， 我 给 你 介绍 乔 森 。 
他 是 我 们 这 里 最 优秀 的 





ry 


我 不 止 在 一 个 公司 发 现 这 种 情形 


现在 的 界面 图 形 设计 行业 中 ,“ 交 互 "、“ 可 用 性 ”, 还 有 “人 机 工程 学 ”之 类 词汇 的 使 用 频率 越 
来 越 高 。 每 个 设计 人 员 都 会 在 解释 自己 设计 成 果 的 时 候 说 :“ 这 个 按钮 用 这 种 颜色 、 放 在 这 里 ， 是 
因为 我 考虑 了 人 机 工程 学 的 一 些 原理 。 这 样 便于 用 户 识别 和 点 击 。 


这 句 话 说 得 很 漂亮 。 而 且 体现 出 该 设计 人 员 高 人 一 等 : 我 不 仅 考虑 了 美观 ， 我 还 考虑 了 更 多 。 与 此 
同时 ， 这 也 确实 涉及 到 人 机 交互 学 中 的 一 些 理论 一 一 比如 “从 用 户 的 角度 出 发 考虑 问题 ”还 有 “突出 
可 识别 性 ”等 等 。 


但 实际 上 呢 ? 


可 能 80% 的 图 形 设计 人 员 这 么 设计 和 放置 按钮 的 原因 只 是 : “我 只 是 认为 这 么 设计 比较 好 ， 
它 可 能 会 给 用 户 带 来 方便 。” 他 们 都 是 凭借 自己 的 设计 经 验 得 出 的 结论 ， 而 这 些 经 验 ， 并 没有 经 
过 具体 的 考证 和 研究 一 一 也 许 它们 是 对 的 ， 也 许 不 是 一 一 设计 人 员 没有 通过 具体 的 询问 用 户 或 者 








就 这 么 简单 rssoeasy 








一 一 WW eb 开发 中 的 可 用 性 和 用 户 体 验 


测试 用 户 来 得 出 这 些 结论 。 他 们 只 是 感觉 这 样 是 对 的 。 
你 可 以 这 么 做 。 但 你 不 能 因此 就 说 :“ 我 当然 是 UI 设计 师 。” 


不 ,我 不 是 UI 设计 师 





可 能 很 多 朋友 会 有 些 生 气 。“ 美 工 ” 这 个 称谓 当然 令 人 感到 受 了 些许 侮辱 : 它 让 人 联想 起 以 前 
工厂 里 的 黑板 报 工人 。 因 此 很 多 新 时 代 的 设计 师 们 对 被 称 为 “美工 ”非常 反感 。 我 从 事 了 多 年 的 
图 形 设计 ， 我 也 曾经 对 人 说 “请 称呼 我 U1 设计 师 ”。 但 后 来 我 了 解 了 这 两 个 含义 之 间 的 不 同 ， 于 
是 稍 后 一 段 时 间 我 对 人 说 “请 称呼 我 美术 设计 师 ”。 直 到 我 开始 从 事 真正 的 界面 设计 工作 (这 个 词 
的 具体 含义 马上 就 会 谈 到 )， 我 才 逐 渐 以 UI 设计 人 员 自居 (但 仍然 有 些 汗 颜 )。 


那么 到 底 什么 是 UI 设计 师 ? 
111 什么 是 U 股 计 
UI 设计 师 ， 甘 文 的 全 称 是 “User Interface Designer”"， 也 就 是 “用 户 界面 设计 人 员 ”。 


用 户 界 面 设计 人 员 的 工作 不 是 要 表明 网 站 或 者 软件 界面 完成 后 看 起 来 是 什么 样子 。 他 们 的 
工作 是 要 指出 软件 如 何 从 一 个 版 本 升级 到 另 一 个 版 本 ， 如 何 更 容易 地 学 习 、 使 用 ， 还 有 如 何 能 
帮助 用 户 达 到 他 们 的 目标 。 一 个 激情 四 射 、 吸 引 眼 球 的 用 户 界面 并 不 等 于 就 是 一 个 易学 易 用 的 
用 户 界面 。 


W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


你 首先 要 知道 的 一 些 事情 





他 们 研究 的 是 产品 的 “可 用 性 (Usability)” 和 “用 户 体验 (User Experience)” 的 问题 。 用 
户 界面 设计 , 很 大 程度 上 就 是 在 探讨 如 何 让 产品 的 界面 更 具 可 用 性 , 如 何 让 用 户 能 有 更 良好 的 体验 。 
这 是 一 种 优化 后 的 界面 ， 通 过 这 种 界面 ， 用 户 能 够 更 方便 地 完成 任务 ， 获 得 更 好 的 感觉 。 


让 我 们 打 个 比方 。 现 在 网 页 中 可 能 要 放置 一 个 按钮 。 美 术 设计 人 员 所 需要 做 的 ， 是 让 这 个 按钮 
更 好 看 ， 显 得 时 秘 ， 或 者 符合 界面 中 其 他 元 素 的 美术 风格 。 而 用 户 界面 设计 人 员 所 要 考虑 的 ， 则 
是 这 个 按钮 的 摆 放 位 置 、 上 面 显示 什么 文字 ， 甚 至 是 我 们 到 底 要 不 要 这 个 按钮 。 


怎么 更 漂亮 ? 要 还 是 不 要 ? 
OO CD 
CD OO 











美术 设计 师 用 户 界面 设计 师 


很 多 管理 者 ， 例 如 产品 开发 经 理 ， 并 不 了 解 美术 设计 人 员 和 用 户 界面 设计 人 员 的 区 别 。 他 们 
认为 用 户 界面 只 是 一 个 应 用 程序 的 表面 ， 漂 亮 和 酷 就 等 于 好 用 ， 所 以 他 们 雇佣 美术 设计 人 员 来 设 
计 用 户 界面 。 这 样 做 的 结果 ， 往 往 是 产品 的 样本 演示 看 起 来 很 吸引 人 ， 而 一 旦 真正 工作 起 来 就 不 
好 用 或 者 不 实用 了 。 


由 于 所 谓 的 多 媒体 软件 越 来 越 受 到 欢迎 ， 这 种 误解 变 得 越 来 越 普 遍 ， 审 美的 要 求 和 娱乐 的 价 
值 被 更 多 地 推 到 了 首要 地 位 。 现 在 的 公司 招聘 界面 设计 师 ， 提 出 的 都 是 关于 美术 设计 的 问题 。 这 
是 一 种 危险 的 兆头 ， 说 明 就 连 雇佣 者 都 不 明白 用 户 界面 设计 究竟 指 的 是 什么 。 所 以 前 面谈 到 的 那 
些 从 事 美术 设计 的 朋友 自称 为 UI 设计 师 ， 也 就 不 足 为 怪 了 。 

以 下 是 用 户 界面 设计 人 员 要 做 的 各 种 工作 中 的 一 些 例子 : 
协助 为 拟定 开发 的 产品 定义 用 户 模型 。 
参与 产品 的 可 用 性 测试 和 评估 ， 并 提出 修改 建议 。 

将 完成 一 个 普通 任务 所 需要 的 鼠标 动作 减少 一 半 。 
将 网 站 中 弹出 窗口 的 总 数量 从 27 个 减少 到 15 个 以 内 。 
修改 菜单 中 的 命令 ， 将 原来 不 一 致 的 、 令 人 困惑 的 短语 改 成 容易 理解 的 词 。 





A 简单 Its so easy 


sm) a a 








这 些 都 是 对 “可 用 性 ”和 “用 户 体验 ”的 设计 。 它 既 不 是 美术 设计 ,也 不 是 写 代码 。 感 觉 非常 枯燥 ， 
嗯 哼 ? 


要 么 你 就 让 别人 去 关注 UI 设计 。 然 而 一 旦 你 完成 了 这 些 工 作 ， 或 者 尽 可 能 多 地 做 了 其 中 的 一 
部 分 工作 ， 你 的 成 果 所 带 来 的 收益 将 是 无 法 想象 的 。 你 的 素质 将 会 更 高 ， 也 因此 成 功 地 迈 上 了 新 
一 级 的 台阶 : 你 将 会 真正 地 、 更 为 全 面 地 看 待 界面 设计 工作 ， 不 管 是 美术 方面 、 程 序 方面 还 是 用 
户 界面 方面 。 


要 想 完善 自己 ， 获 得 更 多 人 的 承认 ， 或 者 干脆 承认 吧 ， 要 想 找到 更 好 的 工作 、 得 到 更 多 的 薪 
水 或 者 报酬 ， 我 们 就 必须 付出 一 些 努 力 。 下 面 是 需要 掌握 的 另外 一 些 基础 知识 。 
112 什么 是 交互 设计 


许多 产品 都 要 求 用 户 与 之 进行 交互 来 完成 它们 的 任务 。 交 互 就 是 指 用 户 通 过 某 种 方式 发 出 指 
令 ， 例 如 用 遥控 器 打开 空调 并 降低 温度 ， 或 者 把 微波 炉 设置 为 3 分 钟 的 “烧烤 ”模式 。 
影碟 机 、 电 视 、 卡 拉 OK 里 面 的 点 歌 机 ， 这 些 都 是 交互 产品 。 要 想 让 产品 服从 你 的 命令 ， 你 就 


必须 和 它 交互 。 那 么 如 何 让 用 户 能 够 轻松 地 发 出 命令 ， 或 者 明了 产品 当时 的 状况 ， 就 需要 良好 的 
交互 设计 才能 解决 。 





该 死 的 停止 键 在 哪儿 ?? 





这 就 是 个 交互 产品 …… 不 过 不 够 好 


我 们 这 本 书 主要 讲 的 是 Web 和 Web-based 产品 。 举 个 例子 来 说 ,现在 你 想 在 网 上 预订 一 场 
演唱 会 的 门票 。 你 首先 需要 登录 该 演唱 会 的 官方 指定 网 站 ,然后 选择 是 VIP 席位 还 是 最 便宜 的 站 票 
再 选择 支付 票 款 的 方式 、 输 入 需要 送 票 的 地 址 ， 此 外 可 能 还 要 输入 交易 金额 等 等 。 这 些 都 是 交互 。 


就 这 么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


你 首先 要 知道 的 一 些 事情 





你 需要 和 某 个 东西 (也许 是 网 站 ,也许 是 菜 台 机 器 ) 发 生 关系 ， 给 它 数 据 或 信息 ， 然 后 得 到 它 的 
数据 或 信息 反馈 ， 最 终 达 到 目的 。 


不 幸 的 是 ， 很 多 产品 或 服务 在 设计 的 时 候 ， 根 本 就 没有 考虑 到 用 户 。 虽 然 从 功能 的 角度 来 看 
或 许可 以 工作 ， 但 它们 往往 忽略 了 真实 用 户 将 如 何 使 用 这 个 系统 。 


在 刚才 网 上 订 票 的 例子 中 ， 可 能 会 出 现 这 种 情况 : 你 想 用 自己 的 招商 银行 一 卡通 来 在 线 汇款 。 
你 经 过 了 一 系列 订 票 的 操作 步 又， 包括 选择 价位 ， 然 后 输入 自己 的 真实 姓名 、 身 份 证 号 码 和 联系 
电话 ， 填 写 了 送 票 地 址 ， 甚 至 还 选择 了 “希望 周一 至 周 五 工作 时 间 送 票 "。 然 而 到 了 选择 支付 方 
式 的 时 候 你 才 发 现 ， 这 个 网 站 只 支持 工商 银行 的 网 上 支付 ， 不 支持 你 的 招商 银行 。 


你 没有 工商 银行 的 卡 。 你 在 呆滞 了 一 分 钟 后 关 掉 了 订 票 页 面 ， 帐 然 若 失 。 


为 什么 不 在 一 开始 就 告诉 我 们 招商 银行 的 卡 不 能 使 用 呢 ? 或 者 是 网 站 提示 了 这 一 信息 但 很 不 
醒目 ? 虽说 我 们 还 可 以 通过 电话 订 票 或 者 直接 去 售票 点 ， 但 是 已 经 白白 耗费 了 数 分 钟 在 网 站 上 去 
思考 和 输入 各 种 信息 。 最 重要 的 是 ， 你 的 心情 会 较 之 刚才 要 糟糕 一 些 ， 对 这 个 网 站 的 好 感度 则 下 
降 得 更 多 。 甚 至 可 能 你 以 后 压根 儿 就 不 愿意 再 进行 网 上 订 票 这 种 本 来 很 方便 的 活动 了 。 


你 的 表情 大 概 是 这 样 的 : 


-生生 -全 - 效 








我 要 网 上 订 票 ， 看 啊 ， 要 填写 一 些 东西 填 这 个 ， 填 那个 … 晕 ! 居然 不 支持 我 白浪 费 我 好 长 时 间 ! 
这 场 精彩 的 演唱 会 。 的 银行 卡 ! 
没有 完全 考虑 用 户 的 网 站 
我 要 网 上 订 票 ， 看 峨 ? 我 的 银行 卡 不 能 支持 电话 订 票 吧 。 
这 场 精彩 的 演唱 会 - 
比较 考虑 用 户 的 网 站 


而 交互 设计 (Interaction Design) 的 目的 ， 就 是 在 设计 过 程 中 引入 “可 用 性 ”和 “用 户 体验 ” 
的 概念 ， 从 而 解决 以 上 谈 到 的 类 似 问 题 。 从 用 户 的 角度 而 言 ， 交 互 设 计 在 本 质 上 就 是 关于 开发 易 





] 


EA 简 单 Its so easy 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


学 易 用 、 使 用 有 效果 而 且 令 人 愉悦 的 交互 式 产品 。 
所 谓 的 “交互 设计 ” 指 的 是 : 
设计 支持 人 们 日 常 工作 与 生活 的 交互 式 产品 。 


具体 地 说 ,交互 设计 就 是 关于 创建 新 的 用 户 体验 的 问题 ， 它 的 目的 是 增强 和 扩充 人 们 工作 、 通 
信 及 交互 的 方式 ， 使 他 们 能 更 有 效 地 进行 日 常 工作 和 学 习 。 


交互 设计 现在 已 经 成 了 一 个 重要 的 商业 领域 。 很 多 网 站 咨询 、 新 生 公司 和 移动 计算 行业 都 已 经 
意识 到 交互 设计 在 产品 中 起 到 的 关键 作用 。 对 于 Web 及 Web-based 产品 来 说 ,要 吸引 人 们 的 注意 ， 
就 必须 能 从 众多 的 竞争 对 手中 脱颖而出 ， 那 么 就 面临 着 一 个 核心 的 问题 :产品 应 该 易 用 ， 而 且 有 效 。 
市 场 部 门 也 开始 意识 到 Web 产品 的 可 用 性 对 于 品牌 的 创建 、 点 击 量 、 客 户 回头 率 和 客户 满意 度 的 
影响 很 大 。 








好 的 交互 设计 可 以 造就 一 家 公司 的 成 功 ， 反 之 ， 则 可 能 导致 一 家 公司 的 失败 。 因 为 现在 有 太 
多 的 网 站 和 产品 可 供用 户 选 择 ， 如 果 在 你 这 里 感觉 不 好 ， 他 们 随时 可 以 很 轻松 地 找到 一 个 替代 品 。 
而 当 这 个 替代 品 给 他 们 的 感觉 更 好 的 时 候 ， 这 些 人 就 可 能 永远 不 再 光顾 你 的 网 站 了 。 


以 前 ， 当 一 家 公司 在 计划 开发 交互 式 产 品 的 界面 时 ， 只 需 招聘 “界面 设计 师 ”( 这 个 词汇 在 当 
时 相当 笼统 )， 主 要 参与 的 是 产品 界面 元 素 的 设计 。 而 现在 ， 交 互 式 产品 的 范围 已 经 大 大 拓宽 ， 人 
们 对 界面 重要 性 的 认识 也 随 之 提高 ， 所 以 也 出 现 了 其 他 一 些 工 作 岗位 ， 包 括 : 


UI 设计 师 (参与 有 关 交 互 的 各 种 设计 ， 而 不 仅仅 是 界面 的 美术 设计 ) 
可 用 性 工程 师 (使 用 可 用 性 方法 及 原理 进行 产品 优化 ) 

Web 设计 师 (设计 网 站 的 视觉 效果 ， 例 如 排版 和 按钮 ) 

信息 规划 师 (规划 和 组 织 信息 的 架构 ， 尤 其 是 网 站 ) 

用 户 体验 工程 师 (组 织 用 户 测 试 、 分 析 结 果 并 且 协 助 制定 改进 方案 ) 


总 之 ， 用 户 界面 的 好 坏 不 仅仅 只 是 它 看 上 去 如 何 ， 还 在 于 它 是 否 易学 易 用 、 没 有 风险 ， 是 否 
能 让 用 户 在 潜意识 中 去 逐步 了 解 它 ， 以 及 它 是 否 能 更 好 地 支持 用 户 完成 任务 。 





那么 什么 才 是 易学 易 用 、 没 有 风险 的 设计 呢 ? 


113 怎样 的 用 户 界面 设计 是 不 好 的 


我 们 要 理解 什么 是 好 的 设计 , 先 来 看 看 什么 是 不 好 的 设计 。 不 好 的 设计 就 是 可 用 性 不 强 的 设计 。 
它们 一 般 都 会 包括 以 下 几 个 特点 (甚至 更 多 ) : 





这 人 么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 





视觉 表达 不 清 

也 就 是 说 没有 明显 的 视觉 顺序 和 用 户 焦点 。 例 如 网 页 的 内 容 之 间 没 有 明确 划分 、 用 户 不 清楚 
什么 地 方 可 以 点 击 、 到 处 都 是 闪 动 的 广告 和 促销 信息 等 等 。 在 这 样 的 界面 中 ， 用 户 很 难 把 注意 力 
集中 到 相关 的 信息 上 。 








用 户 界面 设计 中 有 名 话 叫 “ 用 户 想得到 的 信息 才 是 屏幕 上 最 应 明确 显示 的 部 分 "。 看 看 下 面 这 
张 图 ， 你 觉得 它 最 明确 显示 的 是 什么 在 一 阵 头 尝 目眩 之 后 ) ? 这 种 网 页 好 用 吗 ? 





申请 贵宾 * 
| simsat ,jnxk 闻 
广告 联系 QQ 843378 











等 业 报 各 


1006GB 大 量 精品 PSD 分 层 图 ，40GB 企业 V1 设计 源 文件 (CDR、Al) 
超过 100GB 的 网 页 精美 模板 、80GB 精品 韩国 矢量 图 库 


/网 类 别 : [hi 矢量 图 一 》2007 新 年 素材 ] 加 入 : [2007-2-10] ”下 载 : [3840] 次 素材 酪 改版 了 
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就 这 么 简单 ssoeasy 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


非常 繁琐 
也 就 是 说 ， 哪 怕 是 最 常见 的 基本 任务 也 需要 很 多 执行 步骤 。 我 们 拿 两 个 例子 比较 一 下 就 会 很 
清楚 。 


Windows Live Spaces 里 面 的 博客 系统 非常 简便 ， 当 你 浏览 某 篇 文章 感觉 有 必要 引用 到 自己 博客 
里 面 的 时 候 ， 直 接点 击 下 方 工具 栏 中 的 “ 写 入 博客 ” (英文 为 “Blog 此 ) 链接 ， 便 能 够 自动 跳 转 
到 你 自己 的 博客 页 面 ， 同 时 文章 的 内 容 和 引用 地 址 也 被 自动 复制 到 新 的 页 面 中 。 


在 这 个 操作 中 你 只 需要 两 个 步骤 : 
1. 点 击 “ 写 入 博客 。 
2. 点 击 “ 发 布 博客 "。 


4 有 日 
热风 及 服 蔡 办 司 
开始 看 Live 是 
] 票 部 在 100 菊 Fan Zoneaoancng 
的 Lacrimosa, 入 门 \ 民 币 , 相 比 国内 那些 庞 其 量 红 入 

算得 上 是 消费 水 平 排名 y 的 商品 了 44! 
他 天 也 试 着 做 了 个 小 录像 卡片 相机 柏 的 , 手 封 的 历 寄 , 用 的 还 是 Windows Vista 自 天 的 电 : 艺术 价值 ， 
但 算得 上 是 Manowar Moscow Live 的 一 手 资料 ， 地 址 贴 出 到， 感 兴 赴 的 可 以 去 看 一 看 , 录 . 里 抱怨 一 下 Youtube,10 分 
钟 以 上 的 短片 居然 不 能 上 传 ,还 是 Google Video 入 人 | 


:19 | 全 论 | 间 芝 评论 () | 生计 入 | 轩 定 丰 入 | 引用 各 (0) | 瑟 
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空 马 局 一 凡生 马 <Hrmml> 





W eb 开发 中 的 可 用 性 和 用 户 体验 Itsg so easy 


你 首先 要 知道 的 一 些 事情 





但 我 们 再 看 看 “和 讯 博客 ”的 引用 功能 。 当 你 看 到 一 篇 文章 想 要 引用 的 时 候 ， 就 比较 麻烦 了 。 
你 需要 : 

1. 先 把 想 引用 的 整 篇 文章 复制 到 和 剪贴 板 中 ; 

2. 在 自己 的 博客 里 面 新 建 一 个 空白 文章 ， 再 把 复制 的 文章 粘贴 到 文本 编辑 器 中 ; 

3， 回 到 引用 的 那 篇 文章 ， 复 制 其 引用 通告 的 地 址 ; 

4. 点 击 自己 的 文章 页 面 下 方 的 “更 多 选项 ”， 找 到 相应 栏目 ， 粘 贴 引用 地 址 ; 

5. 点 击 “ 发 布 博客 ”。 


这 样 的 “引用 ”操作 无 疑 比 Windows Live Spaces 更 繁琐 、 不 方便 ， 没 人 愿意 这 么 麻烦 。 因 此 
我 们 可 以 看 到 和 讯 的 博客 里 面 很 少 有 相互 引用 的 ， 导 致 一 个 个 博客 成 为 老死 不 相 往来 的 孤岛 。 
该 系统 根本 没有 实现 博客 的 主要 功能 。 

提示 混乱 
例如 没有 明确 告诉 用 户 他 或 她 所 要 执行 的 操作 到 底 是 什么 意思 ， 是 否 能 达到 自己 的 目标 。 


我 们 来 看 看 Yahoo! 中 国 。 首 页 里 面 的 搜索 栏 工具 后 面 有 一 个 叫做 “全 网 搜索 ”的 按钮 。 我 不 
知道 这 个 “全 网 搜索 ”究竟 是 指 “ 全 Yahool 网 站 搜索 ”还 是 “全 互联 网 搜索 ”? 


空间 | 可 组 | 知识 堂 | 相册 | 加 3.5 邮箱 RSRL 〇 蚤 虎 助手 | 总 在 中 国 用户 反 馈 
国 雅 虎 


全 网 | 次 和 | 知 R | 音乐 | 图 片 | 吃 人 于 





L_ 扫 索 拓 生 村 
热门 搜索 : 侯 埠 文 僻 产 胡瓜 不 满 牛市 快 跌 慢 斑 李宇春 罕 掺 子 人 大 征婚 体验 维 虎 搜索 测试 版 9 





也 许 有 很 多 用 户 并 不 在 乎 到 底 是 从 哪里 搜索 得 出 的 结果 ， 但 对 我 这 种 比较 关注 搜索 得 到 的 
信息 量 大 小 的 人 而 言 ， 也 许 会 产生 一 个 顾虑 。 我 可 能 仍然 会 去 Google， 因 为 那里 更 明显 地 
告诉 我 , 我 将 得 到 的 是 整个 互联 网 的 搜索 结果 (其 实 Yahool! 这 里 的 全 网 搜索 同样 也 是 全 互 
联网 搜索 ) 。 


难以 使 用 
比如 说 ， 使 用 了 很 多 用 户 不 太 能 理解 的 词汇 ， 或 者 容易 引起 误解 的 词汇 。 
例如 某 人 可 能 会 说 :“ 这 个 在 线 银 行业 务 要 求 我 输入 “PIN 号 ， 但 他 们 给 我 的 卡 上 有 个 “ 密 
码 ' 。 我 不 知道 是 不 是 这 个 ? 肯定 是 ， 因 为 他 们 没有 给 我 任何 叫做 “PIN 号 ”的 东西 。 但 其 实 
PIN 是 指 个 人 身份 号 码 (Personal Identification Number) 。 
又 或 者 : “ 嘿 。 这 个 复 选 框 标注 着 “水 平 排列 图 标 " 。 我 想 知道 如 果 我 不 选中 它 会 发 生 什么 。 我 
的 图 标 会 垂直 排列 ， 或 者 它们 只 是 没有 排列 ?” 





就 这 AAA 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





强迫 用 户 


也 就 是 说 系统 提供 的 一 些 元 素 让 用 户 难以 接受 。 例 如 难听 的 按钮 点 击 声音 ,或 者 强制 播放 的 


背景 音乐 。 


在 淘宝 网 ， 如 果 个 人 店铺 的 店主 设置 了 背景 音乐 ， 在 浏览 时 就 会 自动 循环 播放 。 这 是 个 很 有 特 
色 的 点 子 。 但 是 有 一 点 让 人 很 不 舒服 ， 就 是 当 我 在 店铺 中 进行 一 些 操作 的 时 候 ， 例 如 选择 某 个 
商品 分 类 或 者 翻 看 商品 列表 ， 就 会 跳 转 到 一 个 新 页 面 ， 所 有 的 元 素 全 部 重新 载 入 。 此 时 播放 了 
一 半 的 背景 音乐 也 会 中 断 而 重新 开始 ， 尽 管 我 其 实 根本 没有 离开 过 这 个 店铺 。 


另外 ， 也 许 我 当时 正在 听 其 他 音乐 ， 或 者 正在 听 英 语 ， 或 者 正在 和 朋友 语音 聊天 ， 这 时 背景 音 
乐 就 显得 有 些 讨厌 了 。 但 是 我 把 页 面 找 了 个 遍 也 没有 发 现 有 关 背 景 音乐 的 任何 控件 。 很 多 店主 
也 发 现 了 这 种 情况 ， 于 是 他 们 只 能 在 店铺 公告 中 多 输入 一 些 文字 以 提示 浏览 者 :“ 要 想 关闭 背 
景 音乐 ， 你 可 以 按 Esc 键 。 


哦 ! 原来 我 还 是 可 以 控制 音乐 的 。 但 尽管 这 样 也 仍然 没有 完全 解决 问题 。 因 为 当 我 点 击 下 一 页 
的 时 候 背 景 音乐 又 自动 开始 从 头 播放 了 ， 除 非 我 再 次 按 Esc。 


其 实 要 改善 这 个 问题 非常 简单 : 把 页 面 改 为 框架 结构 ， 在 主 框架 中 提供 能 控制 背景 音乐 的 小 工 
具 。 当 子 框架 中 页 面 更 改 时 主 框架 不 会 重新 载 入 ， 音 乐 便 能 够 完整 地 循环 播放 了 ， 也 便于 浏览 
者 对 其 进行 控制 。 


淘宝 Taobao.com 我 要 买 《我 要 卖 全 我 的 淘宝 。 社区 | 交易 安全 客服 中 心 | 开 妈 全 新 搜索 。 [搜索 ] 
阿里 巴巴 旗下 同 站 
[请 丑 录 ] 【免费 注册 ] 站 内 信 “收藏 亦 阿里 旺旺 淘宝 工具 条 支付 宝 高 级 搜索 





首页 > 淘宝 店 铺 >》 自 由 式 飞行 太医 滚 服饰 店 S 太 
【店铺 介绍 】 【信用 评价 】 【个 人 空间 】 
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以 上 这 些 都 是 用 户 界面 设计 没有 注意 到 的 一 些 方面 ， 也 还 有 更 多 问题 我 没有 提 到 。 当 然 ， 这 
网 站 在 很 多 方面 都 非常 优秀 ， 但 是 如 果 能 够 更 全 面 地 解决 可 用 性 问题 ， 我 想 它们 会 更 加 让 人 流 

















W eb 开发 中 的 可 用 性 和 用 户 体验 Itsg so easy 





114 那么 该 怎么 做 ? 


我 们 在 设计 交互 式 产品 时 ， 需 要 考虑 什么 人 将 使 用 它 ， 以 及 它 将 用 于 何 处 。 另 一 方面 ， 我 们 
也 要 理解 人 们 在 与 产品 交互 时 的 各 种 行为 。 如 何 选择 不 同类 型 的 界面 、 提 供 哪些 功能 选项 ， 这 些 
都 取决 于 产品 应 支持 何 种 行为 。 


什么 人 会 使 用 产品 ? 用 在 什么 地 方 ? 


比如 说 现在 我 们 有 一 个 在 线 blog 网 站 。 它 的 用 户 范围 非常 广泛 ， 可 能 年 龄 跨度 也 比较 大 ， 但 
是 有 一 点 很 明确 ， 就 是 用 户 只 能 够 通过 互联 网 对 其 进行 使 用 。 基 于 这 一 点 ， 在 开发 的 时 候 就 必 
须 注意 页 面 下 载 和 显示 的 时 间 ， 不 能 让 页 面 里 包含 太 多 图 片 。 


此 外 ， 如 果 这 个 blog 网 站 主要 针对 年 轻 时 尚 的 用 户 ， 那 么 可 能 界面 风格 会 活跃 一 些 ; 如 果 是 
面 对 事 业 有 成 的 成 功 人 士 ， 那 么 可 能 体现 出 稳重 、 守 智 的 感觉 会 比较 好 。 


用 户 会 有 些 什 么 样 的 行为 ? 
假设 某 个 blog 专栏 首页 显示 的 是 该 作者 最 近 的 10 篇 文章 列表 。 当 访问 者 对 这 位 作者 很 感 兴趣 
的 时 候 ， 他 们 会 想 看 看 其 他 一 些 文章 ， 甚 至 可 能 是 很 久 以 前 写 的 。 在 这 个 时 候 ， 可 能 有 些 人 希 
望 找到 “所 有 文章 ”这 一 选项 便于 自己 选择 想 看 的 文章 来 读 ， 而 另 一 些 人 则 可 能 更 习惯 于 在 打 
开 一 篇 文章 后 在 该 页 面 直接 点 击 “ 上 一 篇 ”或 者 “下 一 篇 ”的 链接 ， 从 而 直接 欣赏 该 作者 的 每 
一 篇 作品 。 


如 果 该 系统 既 有 “所 有 文章 ”的 选项 ， 又 在 每 一 篇 文章 中 提供 “上 一 篇 ”或 者 “下 一 篇 ”的 链 
接 ， 那 么 就 说 明 其 用 户 界面 设计 在 这 一 方面 考虑 了 用 户 。 


据 我 所 知 , 新 浪 的 blog 系统 就 没有 这 种 “上 一 篇 " 或 “下 一 篇 ”的 功能 链接 。 我 点 击 某 篇 文章 后 
会 弹出 一 个 新 窗口 ， 看 完 之 后 如 果 想 要 看 其 他 文章 ， 又 会 从 这 个 窗口 弹出 更 多 的 新 窗口 。 


可 能 新 浪 在 这 里 是 这 么 想 的 : 用 户 把 首页 作为 出 发 点 ， 每 看 一 篇 文章 都 弹出 一 个 新 窗口 ， 如 果 
想 看 其 他 的 ， 就 切换 到 首页 窗口 ， 打 开 其 他 文章 (同样 是 弹出 窗口 )。 这 样 首页 就 好 像 是 一 个 
出 发 点 。 但 是 ， 这 个 出 发 点 并 不 唯一 ， 我 从 弹出 窗口 中 也 能 继续 点 其 他 文章 。 这 样 一 来 就 会 产 
生 混淆 : 到 底 哪 一 个 才 是 出 发 点 ? 而 且 它 也 导致 一 个 问题 : 如 果 看 完 文章 后 忘记 去 关闭 的 话 ， 
可 能 过 了 10 分 钟 会 出 现 一 堆 窗 口 , 把 Windows 最 下 方 的 任务 栏 都 给 占 满 了 。 有 时 候 这 让 人 很 
恼火 。 


不 过 新 浪 也 并 不 是 完全 不 考虑 用 户 。 文 章 列 表 中 系统 提供 了 “大 中 小 ”三 个 选项 ， 是 为 了 方便 
视力 不 好 或 不 适应 太 小 字体 的 用 户 ， 这 一 点 是 非常 贴心 的 设计 。 只 不 过 如 果 在 前 面 加 上 “ 字 
体 : ”会 更 好 一 点 ， 可 以 让 用 户 更 为 直接 地 理解 这 三 个 字 的 含义 。 








就 这 入 简 单 Its so easy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


Wa ai 次 auoe (bets 35) 播客 首页 全 新 博客 首页 ; 播客 ; 图 子 ; 美 图 ; 专栏 ; 搜索 | 帮助 











http-blpg sina com cn/ 和 0》 复制 收藏 本 页 








我 想 说 的 是 ， 交 互 设 计 的 关键 在 于 如 何 优化 用 户 与 产品 之 间 的 交互 ， 从 而 使 产品 满足 用 
户 的 期 望 (哪怕 是 潜在 的 )。 在 做 选择 的 时 候 你 应 当 有 所 依据 ， 而 这 个 依据 就 是 对 用 户 的 理解 。 
这 就 涉及 到 : 


考虑 人 们 擅长 什么 、 不 擅长 什么 。 

考虑 什么 可 能 对 用 户 的 当前 做 法 有 所 帮助 。 
考虑 如 何 提供 高 质量 的 用 户 体验 。 
听取 人 们 想 要 些 什么 ， 并 让 他 们 参与 设计 。 
在 设计 过 程 中 ， 让 用 户 来 尝试 和 验证 。 


1.2 ”我 干 嘛 得 学 这 些 玩 意 …… 还 要 买 本 书 ? | 


我 想 你 已 经 明白 了 ， 用 户 界 面 设计 并 不 只 是 “把 界面 设计 得 多 么 美观 ”那么 单纯 。 美 观 是 必 
要 的 ， 但 绝 不 仅仅 是 美观 就 行 了 。 没 错 ， 我 们 可 以 花 上 一 两 个 星期 去 为 新 网 站 制作 精美 绝伦 、 眼 
花 练 乱 的 Flash 演示 片头 ， 从 美术 角度 我 们 中 的 某 个 人 甚至 可 以 做 到 完美 一 一 但 用 户 却 可 能 因此 
花 上 数 分 钟 的 下 载 时 间 ， 也 许 他 们 在 下 载 完毕 之 前 就 不 耐烦 地 把 网 页 给 关 掉 了 一 一 连 一 个 画面 都 
没 显示 出 来 。 


另 一 方面 ， 即 使 产品 的 功能 再 强大 ， 程 序 设 计 员 辜 精 竭 虑 、 日 以 继 夜 地 开发 代码 ， 可 最 后 如 
果 用 户 下 一 个 订单 往往 需要 超过 20 分 钟 的 时 间 ， 其 间 需 要 经 过 一 系列 繁琐 、 缓 慢 的 步 又， 填写 一 
系列 在 线 表 格 ， 而 到 头 来 却 发 现 往往 不 能 如 愿 ， 那 么 这 个 功能 强大 的 网 页 或 软件 同样 也 不 会 受到 
用 户 欢迎 。 





疝 单 一 —W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


你 首先 要 知道 的 一 些 事情 





因此 ， 用 户 界面 设计 是 非常 重要 的 ， 尤 其 是 在 今天 这 个 追求 速度 、 简 洁 、 方 便 和 高 效 的 时 代 。 
只 有 充分 地 考虑 用 户 ， 以 用 户 的 感受 为 出 发 点 ， 你 才 有 可 能 制作 出 能 经 受 住 考验 的 产品 一 一 毕竟 ， 
你 所 做 的 一 切 都 将 呈现 给 用 户 ， 只 有 得 到 用 户 的 承认 ， 他 们 才 会 购买 你 的 产品 或 服务 ， 这 样 你 的 
努力 才 不 会 付 诸 东 流 。 


或 者 不 妨 说 ， 只 有 用 户 满意 了 ， 你 才能 赚钱 。 








12.1 用 户 界面 不 是 次 要 的 工作 


很 多 人 (他 们 主要 是 一 些 软件 开发 人 员 和 产品 经 理 ) 都 认为 ， 用 户 界面 与 软件 开发 中 的 其 他 工 
作 相 比 是 次 要 的 工作 。 他 们 常常 会 觉得 ， 雇 一 个 只 是 偶尔 才 写 点 代码 (或 者 干脆 不 写 ) 的 人 来 做 用 
户 界面 设计 和 可 用 性 测试 ， 这 简直 是 一 种 浪费 。 

















他 们 的 一 些 成 见 比 如 说 : 


@ ”认为 可 用 性 不 太 重要 ， 又 很 浪费 钱 

他 们 认为 ， 用 户 界 面 的 好 坏 对 于 产品 在 市 场 上 是 否 成 功 影响 不 大 。 很 
明显 这 是 错误 的 ， 我 们 之 前 已 经 举 了 很 多 不 好 的 例子 。 

重视 可 用 性 问题 在 产品 开发 初期 看 起 来 似乎 增加 了 开销 (人员 、 时 间 、 
资金 )， 但 其 实 这 些 投资 很 容易 就 可 以 从 不 断 增加 的 收入 中 弥补 回来 ， 而 且 
会 节省 很 多 后 期 的 开销 〈 例 如 售后 支持 的 费用 )。 








就 es 弘 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





很 容易 想到 的 问题 : 一 个 更 为 可 用 的 产品 ， 会 很 快 被 市 场 和 客户 接纳 。 而 如 果 一 些 产品 没有 
考虑 可 用 性 问题 而 匆匆 上 市 ， 这 种 不 负责 任 的 行为 肯定 会 减缓 销售 量 的 增长 。 


@ ”认为 用 户 界面 不 过 就 是 “字体 和 颜色 ” 

还 有 些 人 对 于 “用 户 界面 ”所 包含 内 容 的 理解 过 于 狭隘 。 他 们 觉得 这 种 工作 只 不 过 就 是 让 界 
面 更 清晰 、 漂 亮 一 点 而 已 ， 认 为 它 是 软件 中 最 为 表面 化 的 东西 ， 可 以 一 直 等 到 发 布 之 前 再 做 ， 
甚至 干脆 不 做 。 但 实际 上 ， 用 户 界 面 绝 不 仅仅 只 包括 “字体 和 颜色 "， 它 关心 的 也 并 不 只 是 关 
于 字体 和 颜色 的 处 理 。 它 关心 的 是 软件 究竟 如 何 工作 ， 而 不 是 表面 看 上 去 如 何 。 














此 外 ， 用 户 界面 还 包含 一 些 深层 次 的 问题 。 例 如 用 户 学 习 使 用 产品 的 时 候 是 否 感到 费力 、 产 
品 功能 是 否 能 满足 用 户 的 目标 ， 用 户 完成 任务 的 效率 如 何 。 这 些 问 题 和 软件 的 标记 、 布 局 和 
颜色 选择 不 同 ， 不 能 在 开发 的 后 期 才 进 行 。 如 果 不 对 这 些 问 题 尽 早 考 虑 ， 并 进行 测试 ， 那 么 
最 终 的 版 本 一 定 不 能 满足 要 求 。 


@ ”认为 用 户 能 够 适应 所 有 的 情况 

一 些 软 件 经 理 和 开发 人 员 坚 信 ， 只 要 软件 提供 相应 的 功能 ， 用 户 就 能 学 会 使 用 。 没 错 ， 人 类 
的 确 有 惊人 的 适应 能 力 ， 但 是 认为 一 个 潜在 的 用 户 会 不 顾 用 户 界面 的 糟糕 状况 ， 只 是 因为 产 
品 的 功能 而 购买 产品 ， 这 种 逻辑 是 错误 的 。 





用 户 赁 什么 要 这 么 做 呢 ?” 他 们 可 能 根本 就 没 时 间 去 学 习 如 何 使 用 ， 也 可 能 没有 足够 的 动力 ， 也 
可 能 竞争 者 的 产品 更 加 容易 使 用 ， 也 能 提供 相似 的 功能 。 不 管 什么 原因 ， 只 要 用 户 觉 得 你 的 产 
品 “ 有 点 讨厌 "， 他 们 就 不 会 去 购买 和 使 用 你 的 产品 。 谁 受到 了 损失 ? 不 是 用 户 ， 而 是 你 自己 。 


@ ”认为 在 没有 足够 资源 的 情况 下 可 以 放弃 用 户 界面 设计 

有 些 软 件 经 理 和 开发 人 员 在 预算 紧张 、 资 源 不 足 或 时 间 进 
度 要 求 严格 的 情况 下 ， 认 为 只 能 “ 挑 重要 的 事情 来 做 ”"， 而 
用 户 界面 这 种 “不 太 重要 ”的 事情 可 以 放 在 一 边 。 这 种 把 
用 户 界面 作为 产品 特性 之 一 而 牺牲 掉 的 做 法 同样 是 不 对 的 。 





用 户 界 面 不 是 产品 的 一 种 特性 ， 甚 至 可 以 说 ， 它 超越 了 产品 
的 所 有 特性 。 它 可 以 决定 每 一 个 特性 的 好 坏 ， 进 而 决定 了 整 
个 产品 的 好 坏 。 一 个 没有 有 效用 户 界面 的 产品 就 像 一 个 没有 
窗户 和 门 的 仓库 : 货物 就 在 里 面 ， 但 没有 人 能 拿 到 。 

















@ ”认为 用 户 界面 设计 只 是 凭空 生成 的 灵感 体现 
有 些 人 把 用 户 界面 设计 看 成 是 创造 艺术 ， 把 用 户 界 面 设计 人 员 当 成 是 艺人 (而 不 是 工程 师 )， 








W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 





你 首先 要 知道 的 一 些 事情 


使 用 右 脑 思索 ， 激 发 灵感 ， 然 后 在 瞬间 的 火花 中 看 到 一 个 完美 的 用 户 界面 。 这 一 切 似 乎 是 他 
们 凭空 变 戏法 一 般 就 得 出 了 结果 。 


但 事实 上 ， 用 户 界面 设计 工作 是 一 种 工程 性 的 工作 。 以 科学 为 基础 ， 需 要 明确 的 要 求 ， 要 考 
虑 候选 设计 方案 ， 同 时 它 还 有 限制 条 件 ， 需 要 综合 考虑 ， 还 需要 测试 、 评 估 和 修正 。 这 就 好 
比 程序 设计 也 需要 测试 一 样 。 不 要 说 “我 们 需要 你 的 设计 一 次 成 功 ”或 者 “为 什么 要 测试 ? 难 
道 你 不 是 个 好 的 设计 师 ?” 之 类 的 话 ， 因 为 这 是 不 可 能 的 。 


12.2 用户 界面 设计 不 是 界面 程序 设计 ， 也 不 是 界面 图 形 设计 


《软件 设计 的 艺术 》 的 作者 ，Terry Winograd (2004 年 度 的 ACM 人 机 交互 院士 ) 曾 把 交互 设 
计 和 软件 工程 比 作 是 “建筑 师 与 土木 工程 师 之 间 的 区 别 ”。 我 们 不 妨 对 此 观点 稍 加 引申 。 


可 以 说 ， 交 互 设计 、 美 术 设计 和 软件 设计 这 三 者 的 区 别 ， 有 点 类 似 建筑 行业 中 的 建筑 设计 师 、 
装修 设计 师 和 土木 工程 师 。 
@ ”建筑 设计 师 最 关心 的 是 房屋 居住 者 的 感受 。 这 些 问 题 包括 : 房屋 的 外 观 是 不 是 足够 


好 看 ? 客厅 会 不 会 太 大 、 餐 厅 会 不 会 太 小 ? 卫生 间 是 一 个 还 是 两 个 ? 居住 者 会 不 会 觉得 现 
在 的 房屋 空间 不 尽 如 人 意 ? 


@ 而 装修 设计 师 则 考虑 的 是 在 现 有 的 空间 中 如 何 美化 环境 。 这 些 问题 包括 : 房间 的 
整体 色调 是 明快 还 是 稳重 ? 客厅 中 需 不 需要 加 上 修饰 作用 的 背景 墙 ? 地 板 是 深 色 还 是 浅 
色 ? 地 毯 、 沙 发 以 及 茶几 之 间 的 造型 、 色 彩 搭配 应 该 如 何 考 虑 ? 


e@ 相 比 之 下 ， 土 木工 程 师 则 更 关心 工程 的 实现 。 这 包括 一 些 实际 问题 ， 例 如 成 本 、 工 
期 和 结构 问题 、 环 境 问题 、 防 火 措施 以 及 建筑 方法 等 等 。 


可 见 ,“ 设 计 ”、“ 修 饰 ”和 “建造 ”房屋 彼此 之 间 并 不 相同 。 与 此 相 类 似 ， 交 互 设计 、 美 术 设 
计 和 软件 设计 之 间 也 存在 着 差别 。 


总 -主星 


美术 设计 师 用 户 界面 设计 师 软件 设计 师 





文 入 简单 ms Basy 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


软件 设计 师 可 能 存在 的 问题 


学 会 了 如 何 识 谱 ， 不 一 定 就 能 写 出 脸 灾 人 口 的 乐曲 ; 会 做 木匠 活 ， 也 不 能 说 明 就 能 设计 出 别 具 
一 格 的 家 具 。 同 样 的 , 知道 如 何 使 用 编程 工具 和 编程 组 件 , 也 不 代表 你 就 一 定 能 知道 如 何 创建 可 用 、 
好 用 的 软件 。 


即使 是 拔尖 的 程序 员 ， 对 开发 工具 非常 的 了 解 ， 也 仍然 可 能 开发 出 拙劣 的 用 户 界面 ， 即 便 是 
在 时 间 和 资源 都 很 充足 的 情况 下 。 导 致 这 种 现象 发 生 的 原因 有 几 个 : 


@ ”缺乏 设计 用 户 界面 的 经 验 
一 个 编程 经 验 丰富 的 程序 员 并 不 一 定 具有 很 多 设计 用 户 界面 的 经 验 。 与 此 类 似 ， 进 行 用 户 界 
面 设计 也 并 不 一 定 需要 太 多 编程 的 知识 。 


@ ”程序 员 对 于 某 个 工具 越 熟 悉 ， 就 越 容易 受 其 影响 
他 知道 这 个 工具 的 能 力 ， 他 驾轻就熟 。 但 工具 提供 的 功能 并 不 总 是 
与 用 户 的 需求 完全 吻合 。 


@ 拔尖 的 程序 员 往往 是 一 些 意志 坚强 的 人 

他 们 很 牛 ， 也 知道 自己 很 牛 。 所 以 他 们 不 愿意 和 他 人 协商 ， 也 不 
会 轻易 妥协 。 如 果 一 个 开发 队伍 里 面 有 几 个 这 样 的 成 员 ， 而 同时 
他 们 的 管理 者 没有 足够 的 权威 ， 那 么 结果 往往 是 不 同 程序 员 开发 
的 不 同 部 分 之 间 存 在 着 严重 的 不 统一 ， 每 个 人 都 以 自己 的 方式 去 
做 自己 的 事情 。 





。 攻 叫 吉 洲 兴 本 


美术 设计 师 可 能 存在 的 问题 

美术 设计 人 员 更 擅长 于 设计 各 种 元 素 和 控件 的 艺术 外 观 ， 形 象 地 表达 功能 ， 为 整个 应 用 程序 
创建 一 致 的 艺术 风格 ， 同 时 让 那些 数据 排列 起 来 更 加 好 看 ， 让 用 户 感觉 这 个 网 站 或 产品 确实 很 漂 
亮 或 很 酷 。 


但 是 ， 尽 管 美术 设计 师 们 有 着 良好 的 美学 素养 ， 他 们 并 不 一 定 就 适 于 用 户 界面 设计 。 他 们 很 
可 能 只 去 在 乎 如 何 让 界面 更 酷 更 炫 ， 但 是 却 不 会 去 关心 怎样 能 使 用 户 更 方便 地 使 用 产品 ， 他 们 也 
不 知道 怎么 做 能 让 用 户 更 方便 。 漂 亮 和 酷 并 不 等 于 好 用 ， 如 果 只 去 考虑 “外 观 美 不 美好 ”"， 很 可 能 
最 后 产品 只 是 “看 上 去 很 美 "， 但 其 实 只 是 个 绣花 枕头 。 


记 住 ， 设 计 用 户 界面 和 设计 用 户 界面 的 图 片 是 不 同 的 行为 。 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 





你 首先 要 知道 的 一 些 事情 
真正 的 用 户 界 面 设计 人 员 


这 些 家 伙 擅 长 的 是 分 析 和 理解 用 户 的 任务 需求 ， 使 控件 和 信息 的 安排 更 加 合理 ， 还 有 简化 产品 
的 复杂 度 。 同 时 他 们 能 认识 到 用 户 在 学 习 或 使 用 产品 的 过 程 中 ， 一 般 可 能 会 在 哪些 地 方 遇 到 问题 。 


用 户 界 面 设计 师 
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件 设 计 师 


美术 设计 师 


一 般 来 说 ， 应 该 由 用 户 界面 设计 师 来 设计 界面 ， 然 后 美术 设计 师 对 其 进行 艺术 加 工 ， 最 后 软 
件 设计 师 来 编写 程序 将 其 实现 。 这 是 一 种 分 工 合作 的 产物 。 


当然 ， 作 为 一 个 开发 团队 ， 任 何 角色 的 成 员 都 可 以 来 参与 用 户 界面 设计 和 评估 ， 发 表 看 法 、 交 
换 意见 (我 非常 鼓励 这 么 干 )。 但 是 用 户 界面 的 设计 主导 工作 ， 仍 然 需要 专业 的 用 户 界面 设计 师 来 
完成 。 


12.3 ”交互 设计 是 一 门 跨 学 科 领 域 


现在 的 世界 是 个 什么 样子 ? 语音 识别 、 多 媒体 、 移 动 计算 技术 、 网 络 技术 、 可 视 化 信 
息 …… 这 些 新 技术 的 发 展 浪潮 一 波 接 一 波 ， 人 们 总 是 在 不 停 地 展望 和 发 现 新 的 学 习 、 交 流 、 工 作 
和 生活 的 方式 。 与 此 同时 他 们 还 把 视线 转向 了 人 生 的 方方面面 一 一 不 论 是 在 家 里 ， 还 是 在 学 校 ， 
不 论 是 在 休闲 ， 还 是 在 工作 中 ; 也 不 论 是 独处 ,还 是 与 家 人 或 朋友 共度 一 一 所 有 这 些 细节 都 在 启 
发 新 的 设计 构思 ， 从 而 不 断 地 增强 和 扩充 原 有 的 交互 方式 。 





所 以 ， 交 互 设 计 的 范围 也 越 来 越 广大 ， 与 各 种 学 科 相 互 交叉 渗透 ， 共 同 发 展 ， 相 互 之 间 的 要 
求 也 更 高 。 





文公 简单 rssoeasy 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


简单 一 点 说 ， 与 交互 设计 相关 的 学 科 包括 : 


人 类 工程 学 人 类 感知 科学 心理 学 软件 工程 学 
信息 处 理学 市 场 行为 学 工程 学 行为 学 
计算 机 科学 社会 科学 人 类 学 工业 设计 
图 形 设计 产品 设计 美术 设计 信息 系统 


举 一 个 浅显 的 例子 。 如 果 我 们 在 开发 一 个 供 儿 童 使 用 的 交互 式 讲 故事 网 站 ， 就 需要 知道 怎么 
给 儿童 编写 故事 ， 他 们 才 会 觉得 精彩 。 这 涉及 到 人 类 心理 学 的 知识 。 而 怎样 讲 他 们 才能 理解 ， 就 
涉及 到 人 类 感知 科学 。 当 然 还 有 网 站 的 按钮 怎么 摆 放 、 有 没有 背景 音乐 和 动画 ， 这 些 又 牵扯 到 人 
类 工程 学 和 行为 学 。 此 外 网 站 的 制作 又 需要 软件 工程 学 和 计算 机 科学 、 美 术 设 计 等 等 。 


更 别提 那 种 艺术 展览 的 交互 式 介绍 指南 了 ， 你 还 需要 对 艺术 作品 有 很 深 的 理解 能 力 ， 还 要 知 
道人 们 的 欣赏 习惯 和 游览 路 线 。 


这 些 都 需要 很 专业 的 知识 ， 就 好 像 不 懂 油 盐 效 醋 ， 就 做 不 出 好 菜 。 为 了 解决 这 种 情况 带 来 的 
间 题 ， 人 们 也 想 出 一 种 办 法 ， 那 就 是 跨 学 科 小 组 协作 。 也 就 是 把 许多 有 着 不 同 背景 、 受 过 不 同 专 
业 训练 的 人 员 结合 起 来 ， 共 同 参与 产品 设计 。 这 样 将 会 带 来 更 多 的 构思 ， 有 助 于 开发 新 方法 和 提 
出 更 新 颖 、 更 富 创意 的 设计 。 


但 另 一 方面 ， 这 种 协作 也 会 带 来 很 多 问题 。 首 先 就 是 成 本 。 如 果 是 各 行业 的 专家 和 带头 人 ,， 那 
么 成 本 会 更 高 。 谁 也 不 知道 这 种 大 规模 的 邀请 会 花 多 少 钱 。 





其 次 ， 背 景 不 同 的 人 员 越 多 ， 成 员 之 间 的 沟通 和 设计 的 进展 也 就 越 困 难 。 因 为 不 同 背 景 的 人 ， 
在 观察 和 讨论 同一 个 事物 时 会 有 不 同 的 视角 和 方法 。 某 个 人 认为 重要 的 东西 ， 其 他 人 可 能 根本 就 
视而不见 。 





曾 单 一 -W eb 开发 中 的 可 用 性 和 用 户 体验 fts so easy 


你 首先 要 知道 的 一 些 事情 





也 就 是 说 , 如 果 是 跨 学 科 小 组 协作 , 那么 小 组 中 可 能 经 常会 出 现 混淆 、 误 解 和 沟通 障碍 的 问题 。 
这 有 点 类 似 我 们 常 说 的 “ 公 说 公有 理 ， 婆 说 婆 有 理 ”。 如 果 设 计 组 的 成 员 没 有 什么 团队 协作 的 经 验 ， 
可 能 问题 还 会 更 多 。 


似乎 这 是 一 条 不 归 之 路 …… 那 么 该 怎么 办 呢 ? 


12.4 不 用 成 为 专家 ， 理 解 方式 即 可 
放 轻松 一 点 。 没 有 人 是 全 才 ， 也 没有 谁 要 求 你 精通 一 切 。 








正 因为 我 们 不 可 能 成 为 涵 括 上 述 那些 领域 的 专家 ， 所 以 才 会 有 人 总 结 出 多 年 的 经 验 和 成 果 ， 提 
出 了 一 系列 交互 设计 的 科学 方法 。 这 些 科 学 方法 是 在 积累 了 许多 人 的 智慧 、 汇 集 了 几 十 年 交互 系 
统 设计 的 经 验 基础 上 建立 的 ， 也 是 建立 在 关于 人 类 学 习 、 认 知 、 阅 读 和 理解 的 一 个 世纪 的 研究 基 
础 之 上 的 。 


通过 这 些 科 学 方法 ， 你 就 能 按部就班 地 开展 工作 。 这 有 点 类 似 “ 依 葫芦 画 标 ”， 但 同样 也 需要 




















从 另 一 方面 来 说 ， 也 没 必 要 去 成 为 交互 设计 或 者 人 机 交互 设计 的 专家 。 没 人 逼 着 你 考级 、 评 
职称 。 你 的 目的 只 是 为 了 让 自己 的 产品 或 服务 能 够 变 得 更 好 。 也 许 做 着 做 着 你 就 能 成 为 专家 。 


所 谓 多 少年 总 结 出 来 的 人 机 交互 设计 的 科学 方法 ， 其 实 就 是 下 面 这 句 话 : 


定义 用 户 ， 以 用 户 为 中 心 进行 设计 。 同 时 不 断 地 进行 用 户 测试 


并 对 产品 进行 修改 。 





仅 此 而 已 。 


在 网 页 或 基于 网 页 的 软件 设计 中 ， 我 们 时 刻 把 握 住 这 名 话 ， 不 需要 专家 们 的 介入 ， 我 们 自己 
能 够 完成 一 切 。 





型 It's so easy 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


Google 那 句 话 怎么 说 来 着 ? 


“Focus on the user and all else will follow.” 一 一 “以 用 户 为 中 心 ， 其 他 一 切 纷 至 丕 来。” 


Google 


1.3 OK， 那 我 该 怎么 做 ? 


我 想 你 已 经 了 解 了 交互 设计 的 重要 性 。 简 而 言 之 ， 用 户 界面 设计 就 是 在 产品 功能 完整 的 基础 
之 上 ， 考 虑 如 何 更 好 地 展现 ， 以 及 如 何 让 用 户 能 够 更 方便 容易 地 使 用 它 ， 从 而 在 各 个 方面 提升 产 
品 的 质量 ， 得 到 用 户 和 客户 们 更 高 的 评价 ， 最 终 扩大 产品 和 服务 的 销售 。 


从 我 们 自身 来 说 ， 好 的 交互 设计 能 够 更 充分 地 体现 开发 人 员 的 价值 。 作 为 一 个 U1 设计 师 ， 做 
出 成 绩 是 自身 得 到 更 好 发 展 的 前 提 。 


很 多 公司 意识 到 交互 设计 的 重要 性 。 但 同样 有 很 多 公司 仍然 不 知道 该 如 何 进行 。 那 么 到 底 该 
怎么 做 呢 ? 


首先 我 们 需要 知道 有 关 交 互 设计 的 具体 组 成 以 及 涉及 的 各 种 过 程 。 全 面 地 了 解 交互 设计 ， 摸 
清 它 的 轮 廊 ， 我 们 才能 明白 这 到 底 是 怎么 回 事 ， 在 这 些 过 程 中 我 们 需要 做 些 什么 。 


13.1 交互 设计 的 4 个 内 容 
一 般 来 说 ， 交 互 设计 过 程 涉及 以 下 4 项 基本 活动 : 








简单 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 





你 首先 要 知道 的 一 些 事情 


这 些 过程 的 目的 ， 是 要 保证 产品 是 可 用 的 。 因 为 不 同 的 用 户 有 不 同 的 需要 ， 你 需要 相应 地 设 
计 不 同类 型 的 产品 。 例 如 ， 儿 童 和 成 人 之 间 的 不 同 ， 会 导致 他 们 的 衣服 、 食 品 和 游戏 都 各 不 相同 。 
做 做 小 游戏 、 加 入 点 卡通 形象 更 有 助 于 激发 儿童 的 学 习 兴 趣 ， 但 这 种 方式 是 否 适用 于 25 岁 的 男性 
研究 生 就 很 难说 了 。 





为 用 户 “ 度 身 定 造 ”产品 或 服务 ， 这 一 点 通常 可 以 采用 “以 用 户 为 中 心 ” 的 设计 方法 (也 
就 是 UCD 方法 ，User Centered Design， 记 住 这 几 个 字母 ) 来 实现 。“ 以 用 户 为 中 心 ”， 也 就 是 要 
一 切 以 用 户 的 最 终 感受 为 出 发 点 ， 让 用 户 参 与 整个 设计 过 程 。 同 时 ， 为 了 验证 产品 确实 能 够 满足 
用 户 ， 你 也 需要 通过 测试 和 评估 来 进行 判断 。 


下 面 我 们 再 来 看 看 交互 设计 的 4 个 基本 活动 。 


理解 用 户 需要 ， 建 立 用 户 需求 


我 们 必须 了 解 谁 是 目标 用 户 、 他 们 需要 哪些 支持 ， 然 后 才 可 能 设计 出 能 支持 这 些 用 户 的 产品 。 
首先 要 找到 真正 的 用 户 ， 然 后 从 他 们 那里 找到 需求 。 用 户 和 他 们 的 需求 是 所 有 设计 、 开 发 工作 的 
基础 。 在 “以 用 户 为 中 心 ”的 方法 中 ， 这 个 活动 是 最 基本 的 ,“ 万 物 之 源 ”。 简 而 言 之 ， 在 这 个 阶 
段 我 们 需要 知道 : 1. 用 户 想 要 什么 ; 2. 我 们 要 做 什么 。 


开发 一 些 候选 设计 方案 


这 是 设计 的 核心 活动 ， 也 就 是 提出 满足 用 户 需 求 的 构思 。 它 可 以 划分 为 两 个 子 活动 : 概念 设 
计 和 物理 设计 。 所 谓 概念 设计 就 是 用 一 种 用 户 能 够 理解 的 方式 去 描述 产品 应 该 做 些 什么 .如 何 运 作 、 
外 观 如 何 ; 而 物理 设计 考虑 的 则 是 产品 的 细节 ， 包 括 要 使 用 的 色彩 、 声 音 和 图 像 ， 还 有 菜单 设计 
和 图 标 设计 。 


这 些 设计 构思 都 需要 提出 各 种 候选 方案 ， 从 而 制作 出 原型 以 供 评估 。 这 个 阶段 其 实 就 是 : 试 
试 该 如 何 来 做 。 
制作 设计 方案 的 原型 

评价 一 个 交互 设计 的 最 佳 方法 ， 就 是 让 用 户 与 产品 进行 交互 ， 让 他 们 去 感受 。 这 就 要 求 我 们 
要 把 设计 方案 转化 为 可 以 交互 的 版 本 ,或 者 说 产品 的 原型 。 

这 些 原型 并 不 一 定 必须 是 能 够 运行 的 真正 软件 版 本 ,我 们 可 以 采用 很 多 技术 来 实现 所 谓 的 “ 交 
互 "。 比 如 说 ， 制 作 纸张 原型 (把 步骤 画 在 纸 片 上 并 口头 为 用 户 演示 ) 就 又 快捷 又 便宜 ， 而 且 能 在 
设计 的 早期 阶段 就 发 现 问题 。 这 个 阶段 概括 来 说 就 是 : 先 简单 地 做 个 样子 出 来 。 
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EA 简 单 It's so easy 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


用 户 测试 和 评估 


也 许 你 和 你 的 同事 都 能 自如 地 浏览 并 使 用 自己 开发 的 网 站 ， 或 者 能 够 顺利 地 通过 产品 或 软件 
完成 某 个 任务 。 你 们 甚至 还 征求 了 专家 的 意见 。 你 们 可 能 觉得 不 需要 其 他 什么 保证 了 。 





但 是 适应 开发 者 和 专家 的 产品 并 不 一 定 适 合 绝 大 多 数 普通 用 户 。 作 为 开发 者 ， 你 对 自己 产品 
了 解 得 太 多 了 ， 你 清楚 网 站 里 栏目 的 内 容 、 产 品 的 层次 和 架构 ， 你 也 知道 要 想 完 成 一 个 任务 应 该 
按 什么 顺序 点 击 什么 按钮 。 而 且 作为 自己 领域 的 专家 ， 你 了 解 每 一 种 流行 的 趋势 和 约定 俗 成 的 使 
用 规则 ， 熟 知 每 一 个 专业 词汇 和 术语 ， 但 其 实 这 些 规 则 或 词汇 很 可 能 让 那些 真正 的 使 用 者 感觉 根 
本 不 知 所 云 。 


这 就 好 比 要 想 知道 设计 的 玩具 是 否 能 让 小 孩 感 到 好 玩 ， 你 就 需要 把 玩具 塞 到 他 们 手 里 看 看 他 
们 的 反应 一 样 。 我 们 需要 让 用 户 自己 来 检验 。 同 样 ， 用 一 句 简单 的 话 来 概括 这 个 阶段 也 就 是 : 看 
看 这 个 设计 行 不 行 。 

这 些 活动 是 相互 联系 的 ,交织 在 一 起 ,也 需要 重复 进行 。 比 如 说 ,制作 了 某 个 设计 方案 的 原型 后 
我 们 需要 让 用 户 来 进行 评估 ， 从 而 得 到 一 些 反 馈 信息 ， 如 必须 进行 哪些 修改 ， 或 者 哪些 需求 仍 未 
满足 等 等 。 这 样 就 要 求 我 们 再 次 找到 用 户 明确 需求 ， 然 后 提出 修改 设计 的 方案 。 同 样 的 ， 这 些 方 
案 仍然 需要 测试 和 评估 以 获得 新 的 反馈 。 


这 个 相互 联系 并 且 重 复 进 行 的 特征 被 称 为 “迭代 "， 是 交互 设计 过 程 的 关键 特征 之 一 。 
理解 需要 
4 建立 需求 AN 
方案 设计 aa = Ee 
\. 制作 交互 式 版 本 1/ 


13.2 ”交互 设计 的 3 个 特征 
那么 我 们 就 来 看 看 交互 设计 过 程 的 3 个 关键 特征 : 


一 一 WW eb 开 发 中 的 可 用 性 和 用 户 体验 Its so easy 
你 首先 要 知道 的 一 些 事 情 





同样 的 ， 我 一 个 一 个 地 向 你 解释 一 下 。 
以 用 户 为 中 心 
“以 用 户 为 中 心 ” 的 意思 就 是 “让 用 户 参 与 整个 项 目 开发 过 程 "。 这 是 交互 设计 的 一 个 重要 观点 ， 


因为 只 有 用 户 才 是 产品 成 功 与 否 的 最 终 评判 者 。 产 品 只 有 在 用 户 满意 的 条 件 下 才 可 能 卖 得 好 ， 从 
而 为 你 带 来 效益 。 用 户 不 满意 的 产品 肯定 会 被 淘汰 。 


也 许 我 们 并 不 能 保证 让 用 户 参与 开发 的 方方面面 ， 但 把 “以 用 户 为 中 心 ” 作 为 一 个 口号 ,能 
鼓励 我 们 关注 这 些 问 题 ， 并 提供 让 用 户 参与 评估 并 提出 反馈 的 机 会 。 


建立 明确 具体 的 可 用 性 标准 


在 项 目 开 始 的 时 候 ， 你 就 应 该 确定 这 个 项 目的 可 用 性 目标 和 用 户 体验 目标 ， 并 做 出 明确 说 明 ， 
同时 所 有 的 开发 人 员 也 应 该 就 这 些 问 题 达成 一 致 。 这 些 标准 是 后 续 工 作 的 纲领 性 文件 ， 一 旦 明确 
建 档 ， 任 何人 不 得 有 异议 。 这 些 标准 便于 你 选择 不 同 的 候选 方案 ， 而 且 在 产品 开发 过 程 中 ， 你 也 
能 随时 根据 标准 检查 这 些 方案 。 有 这 么 一 个 纲领 文件 ， 在 设计 了 一 半 的 时 候 如 果 对 某 些 根本 问题 
1 现 了 争执 ， 你 也 好 办 得 多 。 


反复 迭代 

“ 选 代 ” 就 是 反复 进行 设计 过 程 中 的 某 些 阶段 。 通 过 “和 迭代” ， 你 就 能 利用 反馈 来 改进 设计 。 反 
复 进行 “设计 一 测试 "， 测 试 就 会 更 全 面 、 更 彻底 ， 最 终 能 够 发 现 并 解决 绝 大 多 数 的 问题 。 

另外 ， 由 于 用 户 和 设计 人 员 都 参与 设计 ， 也 许 有 的 人 希望 这 种 方案 ， 而 另 一 些 人 则 喜欢 那 种 。 
这 也 需要 进行 “迭代 ”， 检 测 方案 是 不 是 能 够 满足 需求 。 而 且 各 个 方案 也 能 相互 启发 ， 取 长 补 短 。 


不 论 设计 人 员 多 么 优秀 ， 也 不 论 用 户 对 新 产品 多 么 有 想象 力 ， 都 必须 使 用 反馈 来 修正 构思 ， 而 且 
需要 反复 若干 次 。 在 设计 创新 的 产品 时 ， 这 一 点 尤其 重要 。 

















就 这 么 简单 Krssoeasy 








一 一 eb 开发 中 的 可 用 性 和 用 户 体 验 


迭代 是 不 可 避免 的 ， 因 为 设计 人 员 不 可 能 一 次 就 找 出 正确 的 解决 方案 。 你 能 够 保证 你 的 每 次 
决定 都 万 无 一 失 么 ? 


13.3 ”交互 设计 的 两 个 目标 

没有 明确 的 目标 ， 做 事情 当然 是 无 方向 性 的 ， 往 往事 倍 而 功 半 。 

产品 的 功能 目标 是 满足 用 户 的 使 用 需求 。 例 如 Excel 就 必须 能 对 表格 的 内 容 进 行 运算 。 而 交 
互 设计 的 目标 ， 则 是 让 用 户 在 完成 任务 或 学 习 的 时 候 更 方便 、 更 舒心 和 更 有 效 ， 甚 至 是 更 有 乐趣 。 

这 个 问题 很 容易 想象 。 一 个 管理 系统 ， 自 然 要 非常 有 效 ， 从 而 能 够 提高 用 户 的 工作 效率 ; 而 
一 个 学 习 软件 ， 则 需要 表现 得 更 有 挑战 性 和 吸引 力 ， 让 用 户 能 够 更 积极 地 学 习 。 这 些 “高 层 ”的 
关注 事项 我 们 称 之 为 交互 设计 的 目标 。 

这 些 目标 可 以 具体 分 为 “可 用 性 目标 ”和 “用 户 体验 目标 ”两 种 。 可 用 性 目标 是 关于 满足 特 


定 的 可 用 性 标准 〈 例 如 有 效 性 ) 的 ， 而 用 户 体验 目标 则 是 对 用 户 体验 质量 所 做 的 明确 说 明 (例如 
富有 美感 、 令 人 舒畅 ) 。 


可 用 性 目标 
所 谓 可 用 性 ， 就 是 说 产品 是 否 易学 、 使 用 是 否 有 效果 ， 以 及 通用 性 是 否 良好 等 等 。 它 涉及 优 
化 人 们 与 产品 的 交互 方式 ， 从 而 使 人 们 能 更 有 效 地 进行 日 常 工作 、 完 成 任务 和 学 习 。 


可 用 性 目标 具体 可 以 分 为 : 


可 行 性 (使 用 有 效果 ) 

有 效 性 (工作 效率 高 ) 
安全 性 (能 安全 使 用 ) 

通用 性 (具备 良好 的 通用 性 ) 
易学 性 (易于 学 习 ) 

易 记 性 (使 用 方法 便于 记忆 ) 


我 们 分 别 来 看 看 这 些 可 用 性 目标 都 是 指 什么 。 


@ 可行 性 

可 行 性 是 最 常见 .最 基本 的 目标 , 指 的 是 产品 是 否 “ 可 行 "。 也 就 是 用 户 能 否 通过 产品 达到 意图 ， 
还 有 达到 意图 的 程度 有 和 多少。 很 简单 的 道理 ， 如 果 产 品 或 服务 使 用 起 来 没有 效果 ， 谁 还 会 用 
它 呢 ? 


也 就 是 说 : 产品 是 不 是 允许 人 们 轻松 地 学 习 、 有 效 地 完成 任务 、 访 问 所 需 的 信息 ， 或 者 购买 所 
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py 


需要 的 物品 ? 


@ 有效 性 
有 效 性 指 的 是 用 户 在 执行 任务 时 ， 产 品 支持 用 户 的 方式 是 否 有 效 ， 从 而 避免 繁琐 的 操作 。 


当 我 们 第 一 次 在 “卓越 亚马逊 ”进行 在 线 购 书 的 时 候 往 往 需要 注册 。 注 册 可 以 输入 购买 图 书后 
的 配送 地 址 ， 网 站 将 会 对 其 进行 保存 。 这 样 ， 当 我 们 下 次 在 “卓越 亚 马 玺 ”买书 时 ， 网 站 会 自 
动 将 保存 的 配送 地 址 显示 出 来 ， 无 须 再 次 输入 。 要 知道 , 输入 “XxX 省 XX 市 Xx 区 x 
X 街道 Xx X 号 xX 层 Xx 门 ”确实 需要 一 些 时 间 ， 而 且 大 部 分 人 在 这 个 过 程 中 都 有 些 烦 躁 。 


当然 ， 你 也 可 以 随时 修改 配送 地 址 。 


查看 以 下 订单 信息 ,然后 点 击 ” 订 单 确认 ” 


送 货 地 址 : 


姓名 : 向 怡 宁 

地 址 : 北京 市 x x 区 Xx X 街 道 Xx x 小 区 x x 号 x 层 x 门 
邮编 : 100083 

电话 : 010-85555555 


送 货 方式 : (了 解 更 多) 
ee 品 卡 吗 ? 
人 此 处 输入 您 的 礼品 卡号 路 码 ; 
时 间 要 求 : ( 注 .如 对 送 货 时 间 有 特别 要 求 请 注 明 ) 
Q 〇 工作 日 、 双休日 号 假日 均 可 送 贷 匡 丁 


共计 价格 :。” 竺 299.30 元 


























在 这 里 我 们 要 问 的 是 : 用 户 在 学 会 了 如 何 使 用 产品 完成 任务 之 后 ， 能 不 能 维持 一 个 较 高 的 工作 
效率 ? 

@ 安全 性 

安全 性 关系 到 保护 用 户 以 避免 发 生 错误 ， 以 及 令 人 不 快 的 情形 。 不 管 是 新 手 还 是 老手 ， 他 们 都 有 
可 能 会 犯错 误 。 产 品 应 该 能 避免 因为 他 们 偶然 的 活动 或 误 操作 而 造成 损失 。 要 知道 ， 每 个 人 对 
出 错 都 会 担忧 后 果 ， 这 种 担忧 对 他 们 后 续 的 操作 会 有 很 大 的 影响 。 比 如 说 你 需要 : 


里。 降低 用 户 按 错 键 或 者 按钮 的 风险 ， 从 而 预防 用 户 犯 严重 的 错误 (例如 不 要 把 “退出 ” 
或 “删除 ”命令 与 “保存 ”命令 安排 在 一 起 ) ， 


图 ”为 用 户 提供 出 错 后 的 复原 方法 ， 从 而 让 他 们 更 有 信心 ， 而 且 敢 于 发 掘 界面 、 尝 试 新 操作 ， 





就 ja 入 简 单 Its so easy 
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加 ”采用 其 他 安全 机 制 , 包括 取消 选项 和 确认 对 话 框 , 让 他 们 有 机 会 再 次 考虑 自己 的 意图 。 





例如 网 易 的 电子 邮箱 系统 ， 当 你 选 定 了 要 删除 的 信件 时 ， 网 页 会 产生 一 个 对 话 框 并 询问 “是 否 
确定 ?“， 从 而 防止 你 误 删 除了 重要 的 邮件 。 


蕊 收 件 箱 (18) 存放 于 "已 到 除 "中 7 天 以 上 的 邮件 会 被 自动 开除 

口 发生 人 主题 

升 衣 1638P 箱 列 B 5c9 更 新 简历 上 犹 头 床 找 你 

日 日 其 : 上 周 | @ 系统 提示 
回 wp 6 月 28 日 
日 a @ 如 果 执 行 贡 除 ， 这 些 邮 件 将 无 法 恢复 .您 确定 6 月 24 晶 

日 日 期 : 更 早 Nr 
回 wp 6 月 7 日 
回 w ma 确定 | | 取消 | 5 月 26 日 
回 w popcap Games NMother’s Day gift from POPCapT 5 月 11 日 
回 Y PopCap Developer Prog... Welcome to PopCap Developer Program Forums! 。 5 月 4 日 

碗 择 : 全 部 -未 读 -已 读 - 反选 -不 选 [首页 | 上 一 页 | 下 一 页 | 来 页 ] 页 数 : 
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我 们 对 此 需要 知道 : 系统 能 不 能 预防 用 户 犯 严 重 的 错误 ? 如 果 用 户 已 经 犯错 ， 好 不 好 恢复 ? 


@ ”通用 性 
通用 性 指 的 是 产品 是 否 提 供 了 正确 的 功能 接口 ， 以 便 用 户 可 以 做 他 们 需要 做 的 、 或 是 想 要 做 的 
事情 。 


如 果 有 这 样 一 个 绘图 软件 ， 它 只 能 使 用 鼠标 而 不 支持 手写 板 ， 而 且 只 能 绘制 多 边 形 ， 那 么 它 的 
通用 性 就 很 差 ， 没 有 多 少 人 会 使 用 这 种 “讨厌 ”的 软件 。 


也 就 是 说 : 系统 是 否 提供 了 适当 的 功能 ， 使 得 用 户 能 够 以 适合 自己 的 方式 来 完成 任务 ? 


@ ” 吻 学 性 

易学 性 指 的 是 学 习 使 用 产品 的 难 易 。 对 任何 产品 , 用 户 都 希望 能 立即 开始 , 而 且 不 费 多 大 力气 。 
经 常 使 用 的 产品 更 应 该 这 样 。 我 记得 有 一 个 标准 叫做 “10 分 钟 法 则 ”:“ 简 单 常用 的 系统 ， 新 
用 户 应 能 在 10 分 钟 内 学 会 如 何 使 用 它 ”。 

也 许 用 户 愿意 花 较 长 的 时 间 去 学 习 复 杂 的 、 提 供 更 多 功能 的 产品 ， 例 如 Dreamweaver 和 


Photoshop。 但 对 于 Web 产品 来 说 ， 用 户 更 急躁 ， 要 求 更 高 。 就 算 有 在 线 帮助 ， 通 常 也 很 元 
长 乏味 ， 而 且 很 难 与 实际 任务 相 联 系 ， 所 以 没有 多 少 人 真正 去 使 用 。 


因此 ,一 个 很 关键 的 问题 是 ， 你 得 确定 用 户 到 底 愿意 花 多 少时 间 去 学 习 这 个 系统 。 如 果 大 多 数 
用 户 无 法 或 者 不 愿 花 时 间 去 学 习 ， 那 么 去 开发 它 还 有 多 大 必要 呢 ? 
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你 首先 要 知道 的 一 些 事情 


我 们 对 此 需要 知道 :1. 由 开始 使 用 产品 到 能 够 执行 经 常 性 的 任务 , 需要 多 长 时 间 ? 会 不 会 很 难 ? 
2. 学习 了 各 项 功能 后 ， 完 成 更 复杂 的 任务 ， 需 要 多 长 时 间 ? 会 不 会 很 难 ? 


@ 易 记 性 

易 记 性 指 的 是 用 户 在 学 会 某 个 产品 后 ， 是 不 是 能 迅速 地 回想 起 使 用 方法 。 这 一 点 对 于 偶尔 才 
使 用 的 交互 产品 尤为 重要 。 用 户 们 不 应 该 每 次 都 需要 重新 学 习 如 何 执行 任务 ， 起 码 借助 一 些 
简单 提示 就 能 回想 起 它 的 用 法 。 


如 果 产 品 的 操作 含糊 、 不 合 逻辑 ， 或 者 次 序 不 合理 ， 它 的 使 用 方法 就 可 能 很 难 记 住 ， 用 户 会 
经 常 觉得 需要 帮助 。 


有 很 多 方法 可 以 提高 易 记 性 。 例 如 在 执行 任务 的 不 同 阶段 ， 使 用 一 些 有 意义 的 图 标 、 名 称 或 
选项 来 协助 用 户 记 住 操作 次 序 。 另 外 在 组 织 选项 和 图 标 时 ， 把 它们 进行 分 组 (例如 把 所 有 绘 
图 工具 放置 在 界面 的 同一 个 区 域 )， 也 能 使 用 户 知道 在 什么 阶段 应 该 在 哪里 寻找 这 些 工 具 。 


卖家 交易 演示 4 步 曲 : 





这 里 的 问题 是 : 产品 提供 了 哪些 类 型 的 界面 支持 ， 用 以 协助 用 户 记 住 如 何 执行 任务 ? 


以 上 这 些 可 用 性 目标 非常 适合 于 Web 和 Web-based 产品 。 它 们 的 目的 是 要 通过 改进 方式 ， 
从 而 提高 效率 。 把 这 些 可 用 性 目标 表达 成 特定 问题 的 形式 ， 它 们 就 能 转变 成 可 用 性 标准 。 而 通过 
这 些 标准 ， 我 们 就 能 衡量 某 个 产品 是 不 是 具有 可 用 性 。 


用 户 体验 目标 


随 着 新 技术 的 快速 发 展 ， 人 们 对 产品 也 有 了 更 多 的 要 求 。 这 就 使 得 研究 人 员 和 业界 人 士 开始 
思考 进一步 的 目标 。 交 互 设计 已 经 不 仅仅 只 是 如 何 提高 工作 效率 的 问题 了 ， 人 们 也 越 来 越 关心 产 
品 是 否 具备 其 他 一 些 品质 ， 例 如 : 

@ 。 令 人 感到 满意 
令 人 心情 愉快 
有 趣味 性 
引人入胜 
富有 启发 性 





就 这 么 简单 ssoeasy 
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富有 美感 
富有 时尚 感 
可 激发 创造 性 
让 人 有 成 就 感 
让 人 得 到 情感 上 的 满足 
所 谓 的 “用 户 体验 ” 指 的 就 是 用 户 在 与 系统 交互 时 的 感觉 怎么 样 。 比 如 说 ,“ 动 感 地 带 ” 网 站 
的 主要 消费 群体 是 年 轻 人 , 它 的 主要 目标 就 是 有 趣味 性 、 富有 时 尚 感 。 年 轻 群 体 更 喜欢 夸张 、 动 感 、 
戏 读 ， 他 们 不 仅仅 只 需要 网 站 的 功能 。 





品牌 天 地 M-ZONE 本 又 “自助 服务 动感 社区 兄弟 联盟 动感 装备 





用 户 体验 目标 与 可 用 性 目标 不 同 。 可 用 性 的 目标 非常 客观 ， 而 用 户 体验 目标 关心 的 则 是 用 户 
自己 的 情绪 和 感受 。 用 户 体验 并 不 是 评价 产品 多 有 用 或 者 多 有 效 。 可 以 说 ， 可 用 性 目标 是 交互 设 
计 的 核心 ， 它 采用 的 是 明确 的 衡量 标准 。 而 用 户 体验 目标 的 定义 则 不 那么 明确 ， 因 为 不 同 用 户 的 
感受 是 不 一 样 的 ， 这 个 没有 办 法 来 加 以 量化 。 

当然 ， 可 用 性 目标 和 用 户 体验 目标 之 间 也 存在 着 一 个 权衡 折衷 的 问题 。 我 们 所 要 注意 的 ， 是 
在 满足 用 户 需要 的 前 提 下 ， 追 求 二 者 的 不 同 组 合 会 对 产品 有 什么 影响 。 并 不 是 所 有 的 可 用 性 目标 
和 用 户 体验 目标 都 适用 于 每 个 产品 ， 有 些 目 标 甚至 是 相互 排斥 的 。 例 如 你 没 必 要 去 设计 一 个 既 有 





W_eb 开 发 中 的 可 用 性 和 用 户 体验 its so easy 





你 首先 要 知道 的 一 些 事情 


趣 又 安全 的 网 络 管理 系统 。 还 有 的 设计 师 为 了 界面 更 为 美观 而 运用 大 量 的 色彩 ,结果 却 令 人 很 难 
找到 自己 感 兴趣 的 东西 。 


你 问 我 哪些 目标 最 重要 、 哪 些 次 要 ? 我 想 我 没 办 法 回答 这 个 问题 。 答 案 取 决 于 使 用 的 环境 、 具 
体 的 任务 以 及 针对 的 用 户 。 


比如 说 ， 如 果 是 一 个 供 设计 师 使 用 的 绘图 软件 ， 就 需要 易学 、 易 记 、 具 备 良好 的 通用 性 ， 同 
时 安全 、 有 效 ， 能 够 激发 创造 性 并 富有 美感 。 


而 一 个 以 恋爱 ,婚姻 ,感情 为 主题 的 札记 网 站 (例如 “情感 天 地 ”), 就 应 该 易学 易 用 、 富 有 启发 性 ， 
同时 能 让 人 得 到 情感 上 的 满足 。 


13.4 ”摩西 的 十 诫 
既然 它们 是 目标 ， 我 们 就 应 当时 刻 注意 要 满足 这 些 目标 。 


把 可 用 性 目标 概念 化 ， 就 会 得 到 一 些 可 用 性 原则 。 这 些 原则 是 由 理论 知识 、 实 践 经 验 和 尝试 结 
合 而 成 的 ， 它 不 会 告诉 你 如 何 设计 实际 界面 ， 而 是 一 组 提示 ， 是 为 了 帮助 你 解释 和 改进 设计 ， 而 
且 确保 在 界面 上 提供 了 必要 的 内 容 。 














我 这 里 有 一 系列 针对 所 有 交互 产品 的 可 用 性 原则 。 它 们 有 十 项 ， 你 不 妨 把 它们 看 作 是 交互 设 
计 的 “摩西 十 诚 ”。 


让 用 户 随时 了 解 系统 的 状态 


在 适当 的 时 候 应 该 提供 适当 的 反馈 ， 让 用 户 能 随时 掌握 系统 的 运行 状态 。 反 馈 就 是 要 返回 与 
活动 相关 的 信息 ， 例 如 你 已 经 执行 了 什么 动作 ， 我 现在 正在 帮 你 上 传 文件 等 等 ， 这 样 用 户 就 能 够 
踏实 地 继续 他 的 操作 。 


如 果 某 位 用 户 做 了 某 个 操作 ， 却 得 不 到 信息 ， 或 者 要 等 很 长 时 间 才 知 道 他 所 做 的 操作 是 否 确 
实 有 效果 ， 那 么 他 的 效率 和 心情 可 想 而 知 。 








欢迎 使 用 网 易 邮 箱 ! 








正在 加 载 数据 , 请 稍 候 ，… 
无 录 ? 





网 易 邮箱 垃圾 邮件 有 效 拦截 率 超 过 98% 
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一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








系统 应 与 真实 世界 相符 合 
你 应 当 使 用 用 户 的 语言 。 也 就 是 使 用 他 们 熟悉 的 那些 词汇 、 惯 用 语 和 概念 ， 而 不 是 高 深 莫 测 
的 技术 用 语 。 
此 外 ， 界 面 的 设计 应 当 遵循 一 些 公认 的 惯例 ， 体 现 出 控制 与 效果 之 间 的 良好 对 应 关系 。 
比如 说 ， 在 现实 生活 中 ， 录 音 机 的 倒 带 键 在 左 、 播 放 键 在 中 间 ， 而 快 进 键 在 右边 。 这 种 安排 和 


磁带 的 运动 方向 是 吻合 的 。 如 果 苏 倒 了 按键 次 序 ， 很 可 能 就 难以 使 用 。 这 个 惯例 一 直 影响 到 
CD 机 甚至 MP3 的 按键 设置 (哪怕 它们 并 没有 具体 的 运动 方向 ) 。 


在 计算 机 中 的 媒体 播放 软件 同样 都 遵循 这 一 原则 。 例 如 下 面 这 两 幅 图 。 上 图 是 自然 映射 ， 往 左 
是 “上 一 曲目 "。 下 面 那个 就 有 点 别扭 了 。 





另外 ， 界 面 还 应 当 具 有 “启示 性 ”， 告 诉 用 户 对 某 个 元 素 能 够 采取 什么 行动 。 例 如 按钮 的 设计 
应 暗示 着 这 个 玩意 可 以 点 击 ， 滚 动 条 要 体现 出 它 能 够 被 上 下 移动 等 等 。 


给 予 用 户 控制 权 和 自主 权 


人 们 对 自己 无 法 掌控 的 东西 总 是 有 些 敬 而 远 之 。 不 管 是 网 站 还 是 其 他 产品 或 服务 ， 用户 总 是 主 
角 , 是 他 们 控制 着 系统 。 但 是 ,系统 毕竟 是 死 的 , 它 不 能 像 人 类 那样 能 够 给 我 道 个 妆 或 者 问 我 一 句 " 怎 
么 办 ”。 这 种 时 候 你 就 必须 想 点 办 法 来 弥补 这 一 缺陷 。 


例如 ， 当 用 户 在 操作 中 发 生 了 异常 状况 时 ， 你 应 该 为 他 们 提供 标记 醒目 的 “紧急 出 口 "。 也 就 
是 说 ， 让 用 户 有 权 自 主 中 断 某 项 进程 ， 而 不 是 当 系统 出 错 或 误 操作 后 只 能 看 着 错误 继续 发 展 而 无 
可 奈何 。 


想 想 ， 如 果 你 在 某 个 网 站 上 传 视频 ， 结 果 在 开始 上 传 后 发 现 它 是 个 ， 咳 …… 有 点 影响 社会 风 
气 的 东西 ， 却 发 现 不 能 取消 ， 是 不 是 就 有 点 坐 不 住 了 ? 








W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 





你 首先 要 知道 的 一 些 事情 





上 传 过 程 中 ， 请 不 要 关闭 此 窗口 。 
文件 大 小 3MB ， 上 传 速度 424KBjs ,预计 时 间 00:00:08/00:00:17 


上 传 遇 到 问题 ? 


取消 


提倡 一 致 性 和 标准 化 


一 致 性 指 的 是 在 设计 界面 时 使 用 相似 的 操作 ， 并 且 为 相似 的 任务 使 用 相似 的 元 素 。 这 就 好 像 
在 你 家 厨房 和 洗手 间 里 面 ， 冷 热 水 龙头 的 左右 位 置 总 是 一 致 的 。 如 果 厨 房 是 左边 出 热 水 ， 洗 手 间 
里 面 则 是 右边 出 热 水 ， 你 可 能 就 会 经 常 弄 错 。 


一 般 我 们 都 是 点 击 鼠 标 左 键 来 选取 界面 上 的 对 象 。 而 如 果 有 个 界面 ， 某 些 对 象 是 用 左 键 选 取 ， 
还 有 一 些 对 象 却 只 能 够 用 鼠标 右键 选取 ， 这 种 相当 随意 的 不 一 致 性 就 会 导致 用 户 很 难 记 住 ， 当 然 
也 会 更 容易 出 错 。 


另外 ,如 果 用 户 无 法 确定 不 同 的 词汇 (或 者 情景 .动作 ) 是 否 具有 相同 的 含义 ,他 们 也 会 很 犯 林 。 
比方 说 你 的 网 站 里 面 确定 按钮 都 是 “确定 ”两 个 字 ， 但 是 突然 冒 出 个 “OK” 或 者 “好 的 "， 用 户 就 
会 很 莫名 其 妙 。 


帮助 用 户 识别 、 诊 断 和 修复 错误 


当 出 现 错误 时 ， 使 用 简明 的 语言 描述 问题 ， 并 且 能 够 推荐 解决 方法 ， 而 不 是 冷冰冰 地 出 现 一 
行文 字 ; “由 于 类 型 2 错误 ， 本 程序 意外 终止 ”。 


Gmail 邮箱 起 码 能 告诉 我 大 概 的 问题 原因 和 解决 办 法 : 


Microsoft Internet Explorer 


个 无 法 访问 Gnail。 请 检查 互联 网 连接 , 然后 重 试 


CC 要 七 





预防 错误 
比 帮助 用 户 修复 错误 更 好 的 ， 是 在 一 开始 就 预防 错误 发 生 。 





么 简 单 Its so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 





在 某 些 时 候 你 可 以 合理 地 限制 用 户 的 操作 。 比 如 把 某 些 按钮 或 菜单 选项 设置 为 灰色 让 它 不 能 
点 击 ， 从 而 把 用 户 的 活动 限制 在 允许 的 范围 内 。 他 们 无 法 进行 不 正确 的 操作 ,自然 错误 就 不 太 可 
能 发 生 。 





0 工具 0) 在线 服务 0) 帮助 
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Hi: 








依赖 识别 而 不 是 记忆 

我 们 需要 使 对 象 、 动 作 和 选项 都 清晰 可 见 ， 而 且 标识 性 强 。 例 如 ， 使 用 简洁 明了 的 图 形 或 文 
字 提 示 用 户 某 项 操作 的 功能 、 目 的 以 及 可 能 发 生 的 结果 ; 或 者 把 同类 型 的 命令 或 选项 归 置 在 同一 
个 区 域内 ， 这 些 设 计 都 能 帮助 用 户 在 不 自觉 中 加 深 印象 。 

对 于 网 站 来 说 ， 如 果 导 航 太 复杂 、 选 项 太 多 ， 也 不 方便 浏览 者 识别 ， 记 忆 就 更 难 了 。 比 如 说 
下 面 这 个 导航 : 











电视 节目 万 年 历 

外 汇 牌价 股票 行情 
机 票 查询 列车 时 刻 
体育 彩票 福利 彩票 
买房 租房 在 线 翻 译 
酒店 预订 职业 证 书 
手机 位 置 汽车 报价 
基金 净值 IP 查询 
网 速 测 试 病毒 查 杀 
邮编 区 号 分 类 信息 














单一 W eb 开 发 中 的 可 用 性 和 用 户 体验 its so easy 





你 首先 要 知道 的 一 些 事情 


强调 使 用 的 灵活 性 及 有 效 性 


比如 说 ， 你 可 以 提供 一 些 新 用 户 不 可 见 的 快捷 键 ， 这 样 既 不 会 干扰 新 用 户 ， 又 能 方便 有 经 验 
的 常用 用 户 能 快速 地 执行 任务 。 





当然 并 不 是 指 新 用 户 就 不 能 使 用 快捷 键 。 最 简单 的 例子 : 当 我 们 在 搜索 框 里 面 输入 关键 字 后 ， 
应 该 按 “ 回 车 ” 键 就 能 触发 系统 开始 搜索 。 如 果 此 时 还 要 把 手 从 键盘 挪 到 鼠标 上 ,再 去 寻找 “搜索 ” 
按钮 点 击 ， 很 明显 就 不 够 灵活 有 效 。 
最 小 化 设计 

避免 使 用 无 关 或 极 少 使 用 的 信息 。 尤 其 是 网 站 设计 。 

要 想 最 小 化 设计 ， 一 个 比较 好 的 方法 是 : 把 每 个 你 认为 可 能 不 必要 的 元 素 逐 一 去 掉 。 如 果 没 
有 它 系统 仍 能 很 好 的 工作 ， 那 么 就 撤销 它 。 


如 果 把 过 多 的 信息 塞 进 有 限 的 屏幕 空间 中 去 ， 用 户 便 很 难 找到 自己 感 兴趣 的 东西 。 撤 除 那 
些 不 会 影响 网 站 或 软件 总 体 功能 的 元 素 总 是 有 益 的 ， 可 以 使 网 站 或 软件 更 为 简洁 、 明 快 和 易于 
浏览 。 

当然 ， 一 定数 量 的 图 形 、 阴 影 、 色 彩 和 格式 能 够 增加 视觉 上 的 美感 ， 对 于 用 户 也 是 一 种 享受 。 
没有 任何 图 片 的 网 站 肯定 没有 多 大 吸引 力 〈 想 想 一 个 没有 图 片 的 Cartoon Network)。 所 以 ， 设 计 
的 关键 是 要 在 网 站 外 观 的 吸引 力 与 内 容 的 数量 、 类 型 之 间 取得 适当 的 平衡 。 


提供 帮助 及 文档 


为 了 帮助 用 户 学 习 使 用 产品 ， 或 者 解决 实际 问题 ， 你 也 应 该 提供 易于 检索 、 便 于 逐步 学 习 的 
帮助 信息 。 在 必要 的 时 候 还 可 以 提供 交互 式 的 逐步 学 习 资料 ， 甚 至 是 实际 练习 。 


尽管 我 之 前 提 到 可 能 很 少 人 使 用 帮助 文档 ， 但 是 你 还 是 不 知道 到 底 会 有 多 少 人 想 用 。 而 且 ， 帮 
助 文档 是 一 个 有 效 的 保护 机 制 ， 一 个 以 防 万 一 的 措施 。 它 有 时 候 甚至 还 能 让 你 直 起 腰 板 面 对 那 些 
气 不 好 的 投诉 用 户 :“ 对 不 起 ， 但 其 实 我 们 在 帮助 里 面 已 经 说 得 很 明白 了 。” 
13.5 如何 粗 略 地 评估 可 用 性 


当 你 辛 辛 昔 昔 设 计 完 一 些 方案 后 ， 有 时 候 可 能 心里 没 底 。 这 种 时 候 先 自我 验证 一 下 设计 可 用 性 
的 好 坏 , 能 够 事先 发 现 一 些 问 题 并 解决 , 从 而 避免 在 以 后 真正 的 测试 和 评估 中 漏洞 百出 , 招 人 笑话 。 


那么 ， 如 何 来 自己 评估 ? 








站 获 简 单 Its so easy 
一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 


魔 镜 ! 魔 镜 ! 看 看 





先 自我 评估 一 下 可 用 性 


这 就 涉及 到 刚才 提 到 的 可 用 性 和 用 户 体验 的 目标 ， 以 及 把 可 用 性 目标 概念 化 后 得 到 的 可 用 性 
原则 。 


首先 当然 是 产品 的 实际 功能 是 否 能 满足 用 户 的 需求 。 这 是 最 基本 的 前 提 ， 也 就 是 可 用 性 目标 
中 的 “可 行 性 ”。 然 后 根据 产品 的 特性 和 针对 用 户 群体 ， 指 定 它 的 用 户 体验 目标 ， 把 这 些 用 户 体验 
目标 和 所 有 的 可 用 性 目标 相 综合 ， 再 列举 出 来 。 


我 们 可 以 把 这 一 过 程 分 为 5 个 步骤 : 





@ 各 二 下 证 玫 生活 呈 四 用 基 忆 时 ， 看 看 这 个 设计 是 否 能 够 满足 那些 原则 
& 根据 所 做 的 可 用 性 评估 ， 提 出 界面 的 改进 方案 。 


曾 单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


一 章 ”你 首先 要 知道 的 一 些 事情 





当然 ， 面 对 这 么 多 的 设计 原则 ， 我 想 你 很 可 能 会 面临 一 个 权衡 的 问题 ， 因 为 你 很 难 设 计 出 一 个 
能 适应 所 有 原则 的 十 全 十 美的 界面 。 例 如 为 了 让 页 面 更 具 启 发 性 ， 有 人 可 能 会 故意 把 外 观 设计 得 
类 似 真实 世界 (比如 可 能 会 把 植物 学 网 站 做 成 原始 森林 那样 子 )。 但 这 样 就 会 使 用 大 量 的 图 片 ， 导 
致 页 面 下 载 所 需 的 时 间 延 长 。 这 需要 你 经 常 全 面 性 地 考虑 ， 然 后 进行 取舍 。 


“一 致 性 ”是 另 一 个 可 能 造成 问题 的 设计 原则 。 比 如 说 ， 有 人 会 把 网 页 里 所 有 的 超 链接 都 设置 
成 一 个 颜色 。 这 样 确实 非常 有 一 致 性 ， 但 在 美观 方面 就 会 大 打折 扣 。 而 且 有 时 候 A 的 一 致 性 还 可 
能 会 破坏 B 的 一 致 性 。 


甚至 在 某 些 时 候 ， 不 一 致 的 界面 反而 要 比 一 致 的 界面 要 更 容易 使 用 。 


我 们 举 个 不 是 交互 设计 的 例子 来 说 明 这 个 情况 。 一 个 家 庭 往往 有 很 多 书 ， 最 简单 的 方法 就 是 把 
它们 集中 放 在 书柜 里 面 。 这 样 ， 你 只 需要 使 用 这 个 简单 而 一 致 的 规则 ， 就 能 够 很 方便 地 找到 它 
们 。 这 非常 “一 致 性 。 


但 是 ， 对 于 那些 无 法 放 进 书柜 ， 比 如 很 大 的 画册 ， 该 怎么 办 ? 你 可 以 把 这 种 画册 单独 放 在 某 个 
柜子 里 或 者 陈列 起 来 。 日 常 的 期 刊 和 杂志 ? 你 可 以 放 在 茶几 下 面 ， 这 样 没事 了 就 能 翻 翻 。 当 然 
还 有 一 些 其 他 的 书 ， 你 可 以 把 计算 机 工具 书 放 在 书桌 的 电脑 旁边 ， 把 睡 前 小 说 放 在 枕头 下 面 。 
显然 ， 先 前 的 一 致 性 规则 已 经 不 再 适用 。 





会 这 样 在 家 里 放 书 么 ? 


其 实 , 增加 放 书 的 地 方 , 实际 上 就 是 引入 不 一 致 性 。 这 样 确实 会 增加 学 习 时 间 , 也 就 是 “学 习 ” 
各 种 书 都 放 在 何 处 的 时 间 。 但 是 ， 把 书 放 在 不 同 的 地 方 ， 通 常会 使 得 它们 更 容易 找到 ， 因 为 它 
们 就 在 使 用 场所 的 附近 ， 而 且 靠近 它们 作用 的 对 象 例 如 软件 工具 书 就 放 在 电脑 旁边 ) 。 


同样 ， 设 计 界 面 也 是 如 此 ， 引 入 不 一 致 性 可 能 会 导致 界面 更 难 学 ， 但 有 时 候 它 反而 会 使 得 界面 
更 易于 使 用 。 所 以 你 应 该 全 面 考虑 所 有 问题 ， 并 且 结 合 实践 经 验 ， 对 各 种 设计 原则 加 以 权衡 和 
取舍 。 





“从 我 第 一 次 看 到 剧本 时 就 知道 ， 我 了 解 他 的 行为 ， 他 的 
心态 .我 的 挑战 是 如 何 让 观众 也 能 认同 我 对 他 的 看 法 。 
一 一 布 拉 德 . 皮特 


用 一 一 W_eb 开 发 中 的 可 用 性 和 用 户 体验 Its so easy 


了 解 用 户 ， 了 解 需求 





交互 设计 是 要 优化 人 们 与 计算 机 产品 的 交互 。 
怎么 优化 ? 这 个 问题 暂时 先 放 在 一 边 。 让 我 们 先 想 想 优化 给 谁 。 
当然 了 ， 这 是 傻子 都 知道 的 答案 :“ 谁 用 这 个 产品 ， 当 然 就 优化 给 谁 。 


没 错 ， 我 们 当然 是 优化 给 用 户 。 但 是 如 果 你 不 知道 用 户 是 谁 ， 也 不 知道 他 们 想 达 到 什么 目的 ， 
那 你 怎么 知道 该 优化 什么 ， 又 该 如 何 优化 呢 ? 


所 以 ， 一 切 的 出 发 点 应 该 是 : 找 出 谁 才 是 你 需要 了 解 的 人 ， 然 后 弄 清楚 他 们 想 要 什么 。 








前 面 说 过 ,“ 理 解 用 户 的 需要 ， 从 而 建立 明确 的 需求 ”是 交互 设计 的 基本 活动 。 我 们 就 是 要 将 
用 户 时 时 刻 刻 摆 在 所 有 过 程 的 首位 。 这 就 是 “以 用 户 为 中 心 ”的 方法 。 








2.1 谁 是 用 户 ? 


找 出 用 户 似乎 是 一 件 很 容易 的 事情 。 但 首先 我 们 需要 和 弄 清楚 “用 户 (user)”" 和 “客户 (customer)” 
的 概念 。 没 错 ， 产 品 的 销售 对 象 是 “客户 ”， 只 有 客户 才 是 愿意 掏腰包 购买 产品 的 人 ， 考 虑 他 们 的 
感受 是 非常 重要 的 。 但 是 客户 并 不 就 一 定 会 亲自 使 用 我 们 设计 的 产品 。 


换 名 话说， 客户 不 一 定 就 是 用 户 。 





举 个 简单 的 例子 ， 某 个 网 站 制作 公司 的 老板 不 一 定 必须 得 是 网 页 设计 师 。 他 确实 需要 购买 一 些 
软件 产品 用 于 开发 网 站 ， 比 如 Dreamweaver、Visual Studio， 甚 至 包括 Flash 和 Photoshop。 他 
购买 了 这 些 软件 ， 他 便 是 Adobe 或 者 微软 的 客户 。 但 老板 并 不 一 定 要 去 使 用 这 些 软 件 ， 甚 至 可 能 
根本 就 不 懂 如 何 操作 。 也 就 是 说 ， 他 没有 与 这 些 产 品 发 生 直接 的 交互 ， 自 然 不 是 软件 的 用 户 。 软 
件 是 否 容易 使 用 ， 界 面 是 否 友好 ， 有 没有 良好 的 通用 性 ， 这 些 跟 他 没有 多 大 关系 。 





但 是 ， 他 手下 的 那些 网 页 设计 师 每 天 都 面 对 着 这 些 软件 ， 他 们 就 是 软件 的 用 户 。 而 交互 设计 的 
目标 正 是 为 了 支持 这 些 人 (他 们 很 辛苦 ) 的 需要 , 满足 这 些 人 的 期 望 , 让 他 们 在 工作 中 能 够 更 方便 、 
更 舒心 和 更 有 效 。 





< 闸 单 fts so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 





当然 客户 也 可 能 就 是 用 户 ， 例 如 我 们 绝 大 部 分 人 都 使 用 微软 的 Windows 操作 系统 ， 我 们 就 是 
它 的 直接 用 户 ; 而 正 因为 我 们 购买 了 它 ， 就 能 以 客户 的 身份 要 求 微软 进行 服务 。 





所 以 ,我们 说 交互 设计 的 核心 是 “以 用 户 为 中 心 ”， 而 不 是 “以 客户 为 中 心 "。 也 许 对 市 场 和 销 
售 部 门 来 说 他 们 认为 客户 就 是 上 帝 , 但 对 于 用 户 界面 设计 , 上 帝 不 是 别人 , 而 是 “直接 与 产品 交互 、 
完成 某 个 任务 或 达到 某 个 目的 ”的 那些 人 。 

所 以 ， 在 你 确定 谁 才 是 产品 的 目标 用 户 时 ， 必 须 对 市 场 和 销售 部 门 的 想法 加 以 过 滤 或 者 补充 ， 
从 而 得 出 对 你 自己 最 有 用 的 信息 。 


2.11 普遍 而 又 特殊 的 用 户 
我 们 需要 注意 的 是 ,“ 用 户 ”这 个 概念 既 有 普遍 性 ， 又 有 特殊 性 。 


用 户 的 普遍 性 

我 们 的 用 户 当然 指 的 是 人 类 。 那 么 他 们 也 应 具有 人 类 的 共同 特性 ， 在 使 用 任何 产品 的 时 候 都 会 
在 各 个 方面 反映 出 这 些 特 性 。 人 的 行为 会 受到 他 们 本 身 基 本 能 力 的 影响 , 例如 视觉 和 听觉 、 记忆力 、 
分 析 和 解决 问题 的 能 力 ， 还 有 对 刺激 的 反应 能 力 等 等 。 与 此 同时 ， 人 的 行为 还 会 受到 心理 和 性 格 
取向 、 教 育 程度 、 以 往 的 经 历 ， 甚 至 所 处 的 地 域 环 境 和 文化 背景 等 因素 的 制约 。 


用 户 的 特殊 性 


与 此 同时 ， 交 互 设计 和 评估 所 研究 的 “用 户 ”又 是 一 个 特殊 的 群体 : 正 是 这 些 人 与 我 们 的 产 
品 使 用 相关 ， 而 不 是 其 他 人 。 他 们 可 能 正在 使 用 我 们 的 产品 ， 也 可 能 是 潜在 的 用 户 、 会 在 将 来 某 
个 时 候 使 用 我 们 的 产品 。 

这 些 人 在 使 用 产品 的 过 程 中 ， 会 表现 出 一 些 与 产品 有 关 的 特征 。 例 如 对 于 产品 了 解 多 少 、 对 
产品 的 期 待 是 怎样 的 、 是 否 拥有 使 用 产品 所 需 的 基本 技能 ， 以 及 他 们 是 经 常 使 用 该 产品 还 是 偶尔 
为 之 等 等 。 

两 者 兼顾 

所 以 ， 我 们 在 了 解 用 户 的 过 程 中 ， 既 要 顾及 他 们 作为 人 类 的 一 般 属 性 ， 又 要 考虑 他 们 与 产 
品 相关 的 特殊 属性 。 这 两 方面 缺 一 不 可 。 

比如 说 ， 现 在 我 们 要 设计 一 个 女性 购物 的 网 站 ， 我 们 就 需要 知道 用 户 群体 的 普遍 属性 ， 包 括 : 

@ ”大 部 分 用 户 为 女性 ， 女 性 喜好 较为 温馨 、 可 爱 和 时 尚 兼顾 的 视觉 效果 ; 

@ ”一 般 而 言 女性 分 析 和 解决 问题 的 能 力 较 弱 (例如 推理 和 归纳 )， 因 此 设计 中 不 要 太 强 调 逻 

辑 思维 ， 尽 量 偏向 于 感性 ; 
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性 准确 。 


而 用 户 的 特殊 属性 方面 ， 即 他 们 与 本 产品 相关 的 方面 ， 需 要 注意 的 比如 有 以 下 几 点 : 


@ 。 用户 光顾 网 站 的 目的 是 为 了 赠送 礼品 还 是 自己 购物 ? 

@ 。 用户 是 希望 购物 更 方便 、 节 省 时 间 ， 还 是 希望 能 更 详细 地 对 比价 格 ? 
@ 用户 是 否 经 常 光顾 类 似 的 购物 网 站 ? 他 们 对 此 有 没有 丰富 的 经 验 ? 
和 


2.12 ”用 户 可 不 是 越 多 越 好 


我 们 必须 坚决 抵制 这 种 诱惑 ， 即 总 想 把 目标 用 户 的 基础 定 为 “每 个 人 "。 没 错 ， 我 们 都 希望 产 
品 能 够 大 卖 ， 获 得 更 多 的 经 济 利益 。 所 有 公司 都 想 要 拥有 最 广泛 的 潜在 市 场 。 这 完全 无 可 厚 非 。 


但 是 ， 试 图 让 “每 个 人 ”都 紧 大 拇指 的 产品 ， 很 可 能 到 最 后 没有 一 个 人 竖 大 拇指 。 有 和 句 古 话 
叫做 “ 贪 多 嚼 不 烂 ”， 多 而 不 精 是 我 们 必须 极力 避免 的 。 什 么 都 顾及 的 结果 必然 会 导致 各 个 方面 都 
需要 相互 做 出 让 步 ， 这 样 很 可 能 每 个 人 都 不 会 感到 十 分 满意 。 


所 以 ， 找 到 目标 、 竖 立 丢 子 才 是 最 开始 需要 做 的 事情 ， 
也 就 是 要 清楚 地 认定 谁 才 是 目标 用 户 。 

这 其 实 并 不 难 。 因 为 某 个 产品 的 用 户 ， 通 常 都 具有 某 些 
共同 特征 。 也 就 是 说 ， 你 可 以 选择 一 个 特定 的 人 群 作为 目标 
用 户 的 基础 ， 然 后 把 注意 力 放 在 他 们 身上 。 




















当然 ， 也 许 这 个 产品 还 有 其 他 类 型 的 用 户 ， 有 了 时候 你 可 
能 得 做 出 艰难 的 取舍 。 例 如 用 户 很 明显 分 为 两 种 。 在 这 种 情 
况 下 ,要么 你 就 分 头 考虑 (但 是 效果 不 一 定好 ， 除 非 你 分 别 
为 这 两 类 用 户 都 开发 一 套 版 本 ) ， 要 么 就 根本 不 考虑 其 中 一 种 。 关 于 这 一 点 ， 你 也 可 以 问 一 下 市 场 
和 销售 人 员 的 想法 ， 然 后 再 判断 。 因 为 这 些 往往 都 涉及 到 公司 的 战略 性 目标 。 


2.13 “ 阿 童 木 ”的 诞生 


为 了 准确 地 定义 用 户 ， 有 了 时候 我 们 会 根据 调查 建立 一 套 标准 的 “用 户 模型 "*。 这 其 实 是 一 种 非 
常 好 的 方法 。 所 谓 “ 用 户 模型 "*， 就 是 描述 用 户 的 一 个 模板 ， 通 过 这 个 模板 你 就 能 够 把 用 户 的 共性 
给 总 结 并 描述 出 来 。 
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为 了 便于 理解 ， 你 甚至 可 以 根据 这 些 特征 “虚拟 ”出 一 个 标准 的 “角色 ”出 来 ， 这 个 “角色 ” 
就 代表 着 用 户 ， 或 者 某 一 类 用 户 。 我 们 应 该 把 他 当 作 是 我 们 的 一 位 朋友 ， 真 正 地 生活 在 我 们 周围 ， 
因为 我 们 知道 他 长 得 什么 样 ， 喜 欢 什么 、 讨 厌 什么 ， 每 天 都 做 些 什么 事情 。 融 入 他 的 生活 ， 你 就 
能 了 解 他 会 有 什么 样 的 需求 ， 就 能 发 现 什么 样 的 产品 才 是 他 最 需要 的 。 
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这 就 好 像 我 们 在 建造 “ 阿 童 木 ”一 样 。 


为 了 了 解 用 户 ， 我 们 可 以 根据 这 个 “ 角 
色 模 型 ”来 寻找 特定 的 用 户 人 群 。 简 单 来 说 ， 
就 是 寻找 跟 这 个 虚拟 人 相 类 似 的 群体 。 


这 需要 我 们 分 析 用 户 的 各 种 特征 。 在 这 
里 我 给 出 一 些 常用 的 描述 用 户 特征 的 方面 ， 
你 可 以 根据 它们 建立 一 个 比较 完整 的 “用 户 
模型 "。 





























@ 一 般 数据 
这 些 包括 用 户 的 年 龄 、 性 别 、 教 育 程度 以 及 职业 特征 等 等 。 


@ ”性 格 取向 
例如 用 户 的 性 格 是 内 向 型 还 是 外 向 型 ? 
还 有 ， 他 是 形象 思维 型 还 是 逻辑 思维 型 ? 


@ 一 般 能 力 

用 户 的 视力 、 听 力 等 感知 能 力 如 何 ? 有 没有 色盲 或 者 色弱 ?有 没有 可 能 他 左 耳 的 听力 比 右 耳 
要 差 ? 

他 们 的 判断 和 分 析 推 理 能 力 如 何 ? 能 否 举一反三 ? 

他 们 的 体能 如 何 ? 习惯 用 右手 还 是 左 撒 子 ? 


@ 文化 区 别 

用 户 们 主要 生活 在 哪个 国家 或 地 区 ? 他 们 的 宗教 信仰 是 什么 ? 

他 们 是 否 把 英语 作为 第 二 语言 ? 他 们 写字 是 从 左 到 右 还 是 从 右 到 左 ? 
他 们 的 民族 习惯 和 生活 习惯 如 何 ? 他 们 喜好 或 者 反感 什么 ? 

他 们 和 他 们 的 父母 或 者 孩子 之 间 有 没有 代沟 ? 














@ ”对 产品 相关 知识 的 现 有 了 解 程度 和 经 验 
用 户 能 够 轻松 自如 地 阅读 屏幕 四 ?老年 人 经 常会 觉得 计算 机 屏幕 很 晃 眼 。 
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章 “了解 用 户 ， 了 解 需求 





他 们 会 不 会 使 用 键盘 或 鼠标 ? 
他 们 使 用 过 类 似 功 能 的 系统 没有 ? 


他 们 有 没有 与 系统 功能 相关 的 知识 ? 例如 某 个 记 账 的 软件 可 能 需要 一 点 财会 的 经 验 。 


@ 产品 使 用 


用 户 只 在 办 公 桌 旁边 使 用 产品 吗 ? 或 者 他 们 回 家 后 躺 在 床上 也 会 使 用 ? 


他 们 使 用 产品 有 没有 规律 ? 大 概 的 使 用 时 间 和 频率 又 是 什么 ? 


@ ”环境 和 技术 基础 
用 户 公司 的 网 络 速度 如 何 ? 是 宽带 还 是 Modem ? 


他 们 一 般 使 用 的 显示 器 的 分 辩 率 是 800 x 600 还 是 1280 x 800 ? 显示 器 不 会 还 是 256 色 的 吧 ? 


他 们 是 使 用 Windows 操作 系统 还 是 Mac OS? Win 98 还 是 Vista ? 


他 们 的 电脑 有 没有 外 接 音 箱 ? 有 没有 手写 板 ? 是 无 线 笔记 本 上 网 还 是 几 个 人 抢 一 条 网 线 ? 


通过 上 面 这 些 用 户 特征 ， 你 就 能 建造 自己 的 标准 “ 阿 童 木 ”。 


显然 ， 对 具体 的 某 个 产品 来 说 ， 定 义 用 户 并 不 一 定 要 对 他 们 所 有 的 特征 进行 描述 。 但 是 逐一 
审视 这 些 特征 ， 将 会 帮助 你 更 为 全 面 地 把 握 设计 的 可 用 性 ， 从 而 不 会 遗漏。 


设计 带 有 显示 屏 的 公用 电话 时 ， 我 们 可 以 定义 目标 用 户 为 所 有 大 众 。 
所 在 的 地 域 或 国家 就 意味 着 需要 考虑 一 些 显示 界面 的 问题 。 


但 与 此 同时 ， 了 解 到 用 户 


例如 在 阿尔 及 利 亚 、 埃 及 、 埃 塞 俄 比 亚 等 国家 主要 使 用 的 是 阿拉 伯 语 。 阿 拉 伯 语 是 从 右 到 左 书 
写 的 ， 那 么 出 口 到 这 些 国家 的 公用 电话 显示 界面 就 必须 适应 当地 人 的 使 用 习惯 。 而 了 解 用 户 以 
前 是 否 使 用 过 这 种 比较 复杂 的 多 媒体 终端 ， 就 直接 影响 到 产品 的 界面 设计 、 工 业 造 型 设计 ， 甚 


至 是 用 户 手册 的 用 语 风格 。 
前 面 说 过 ， 有 时 候 用 户 可 能 会 分 为 好 几 个 类 别 ， 尤 其 是 那 种 面向 范围 





非常 广 的 产品 ， 比 如 说 门 


户 网 站 和 在 线 游戏 平台 。 如 果 你 希望 每 个 类 型 的 用 户 都 抓 住 的 话 ,就 需要 分 别 为 他 们 建立 用 户 模型 ， 


用 以 描述 每 个 类 别 的 用 户 。 


有 时 候 我 们 可 以 根据 年 龄 层次 可 以 把 用 户 划分 为 青年 、 中 年 和 老年 用 户 。 这 些 用 户 类 别 之 间 
的 差异 比较 大 , 所 关注 的 对 象 也 不 一 样 。 例 如 在 媒体 网 站 中 , 青年 更 喜好 娱乐 和 高 科技 方面 的 资讯 ， 
而 中 老年 用 户 则 偏向 于 政治 、 财 经 等 方面 。 而 在 线 休 闲 游戏 网 站 里 ， 青 年 用 户 更 喜欢 刺激 、 活 泌 


的 对 战 游戏 ， 中 老年 则 偏好 桥牌 、 象 棋 或 围棋 等 类 型 。 














除了 年 龄 差异 之 外 ， 你 还 可 以 根据 性 别 、 收 入 或 知识 水 平等 方面 对 用 户 进行 划分 。 至 于 用 什 
么 划分 标准 最 为 合适 ， 你 可 以 结合 市 场 部 门 对 用 户 群 体 的 区 分 来 加 以 参照 。 
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2.2 什么 是 需求 ? 


哪怕 已 经 路 入 了 21 世纪 ， 如 果 在 头 几 年 我 们 询问 人 们 在 网 络 中 “需要 ”什么 时 ， 可 能 没有 很 多 
会 提 到 Google 这 种 方便 的 互联 网 信息 搜索 工具 ,或 者 YouTube、 土 豆 网 这 种 全 民 级 视频 短片 分 享 
网 站 。 但 如 果 我 们 先 提出 这 种 可 能 性 ， 再 问 他 们 是 否 愿意 使 用 时 ， 回 答 可 能 就 不 同 了 。 


可 见 ， 为 了 找 出 用 户 的 需要 ， 我 们 不 能 简单 的 问 :“ 你 需要 什么 ?” 然 后 提供 它 ， 因 为 人 们 未 
必 知 道 什 么 是 可 能 的 ， 有 些 需 求 甚至 可 能 是 用 户 “ 做 梦 都 不 曾 想到 ”的 。 








要 了 解 需求 ， 更 合适 的 方法 是 : 我 们 必须 理解 用 户 的 特征 和 能 力 ， 了 解 他 们 想 要 达到 什么 目 
标 ， 准 备 如 何 达到 这 些 目标 。 另 外 还 需要 知道 的 是 ， 如 果 我 们 提供 另 一 种 支持 ， 他 们 达到 目标 的 
效率 是 否 会 更 高 。 
2.2.1 “需要 ”产生 需求 

在 许多 方面 ， 每 个 人 的 特征 和 能 力 都 有 所 不 同 ， 这 就 导致 用 户 的 需求 很 可 能 彼此 不 同 。 


很 简单 的 例子 ， 人 的 身体 特征 就 会 影响 设计 : 针对 色盲 用 户 的 产品 就 必须 考虑 色彩 的 问题 ， 视 
力 不 好 的 用 户 也 许 希 望 能 够 调整 系统 字体 大 小 。 因 为 环境 给 他 们 造成 了 影响 ， 所 以 他 们 希望 克服 
这 些 不 便 。 就 像 下 面 这 个 邮递 员 一 样 。 

















另外 ， 文 化 和 经 验 的 差异 也 会 产生 需求 的 差异 ， 比 如 可 能 习惯 使 用 不 同 的 术语 ， 或 者 对 技术 


的 接受 程度 不 相同 等 等 。 





很 多 国际 公司 的 网 站 都 有 不 同 国家 和 地 区 的 版 本 ， 除 了 语言 问题 之 外 ， 很 重要 的 一 点 就 是 为 
了 适应 不 同 地 域 用 户 的 不 同 需求 。 


比如 下 图 中 的 Apple 美国 网 站 和 Apple 亚洲 网 站 。 我 截屏 的 时 间 仅 仅 相差 几 秒 钟 , 但 我 们 可 以 
明显 看 到 其 推出 的 产品 、 服 务 和 功能 的 不 同 。 
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单 It's so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 





另 一 方面 , 我 们 也 可 能 需要 设计 出 具有 开拓 性 的 产品 , 从 而 满足 那些 甚至 从 没 人 预见 过 的 需求 。 














E 务 就 比较 困难 。 





这 些 也 许 是 划时代 的 、 前 所 未 有 的 产品 。 如 果 开 发 的 是 这 样 的 创新 产品 ， 确 定 用 户 和 有 代表 性 的 
但 


在 发 明 微 波 炉 之 前 ， 你 根本 找 不 到 用 户 询 间 需求 ， 也 不 存在 什么 有 代表 性 的 具体 任务 ， 比 如 


用 它 来 爆 玉米 花 。 所 以 发 明 微波 炉 的 人 就 必须 自己 去 想象 将 有 谁 会 使 用 它 、 用 它 来 做 什么 。 


发 明 轮子 看 来 很 容易 ， 





发 明 轮 子 也 是 一 样 


在 这 种 情况 下 ， 当 前 或 过 去 的 行为 是 对 未 来 行为 的 一 种 很 好 的 启示 。 我 们 可 以 从 理解 相似 
已 经 存在 的 行为 人 手 。 


在 发 明 手机 的 时 候 ， 并 没有 特定 的 用 户 ， 也 没有 什么 具 代表 性 的 任务 ， 只 有 标准 的 普通 电 


的 、 


话 。 


而 研究 普通 电话 就 是 一 个 很 好 的 开始 ， 有 助 于 理解 人 们 使 用 它 主要 执行 什么 任务 ， 以 及 有 哪些 相 





关 任 务 。 除 了 能 随时 随地 打 电 话 之 外 ， 用 户 还 需要 查找 电话 号 码 、 发 送 和 保存 留言 ， 还 有 找 册 


时 刚 


打 来 电话 的 人 的 号 码 等 等 。 根 据 这 些 行为 ， 手 机 中 又 加 入 了 电话 号 码 存储 器 、 手 机 短信 息 服务 等 


功能 。 


Apple 公司 的 最 新 产品 iPhone, 在 某 些 方面 就 很 具有 开拓 性 。 这 是 一 款 带 触摸 屏 的 手机 。 一 般 
这 类 手机 都 需要 用 触感 笔 操 作 ， 但 是 iPhone 为 了 更 好 地 支持 用 户 ， 强 调 只 用 手指 就 能 完美 地 
控制 。 这 样 用 户 在 任何 时 候 从 口袋 里 拿 出 iPhone 就 能 使 用 ， 不 必 再 费事 地 抽出 触感 笔 ， 也 不 


必 担 心 触感 笔 是 否 会 遗失 。 只 要 手指 还 在 ， 他 就 能 使 用 iPhone。 


由 于 手机 体积 不 能 太 大 ， 因 此 在 手机 上 浏览 图 片 就 会 显得 有 些 不 方便 。 普 通 的 触摸 屏 手机 都 需要 
点 击 图 片 工 具 栏 的 “+” 或 者 “-” 来 缩放 图 片 大 小 。 似 乎 除 此 之 外 也 没有 别 的 办 法 。 但 是 这 个 细 
节 却 被 Apple 公司 的 设计 师 们 抓 住 了 ， 他 们 进行 了 创新 ， 给 用 户 带 来 了 从 没有 想到 过 ， 但 是 却 十 
分 新 颖 精彩 的 体验 : 用 两 根 手指 将 图 片 “ 扯 ” 大 ! 仿佛 用 户 拥有 魔法 ， 轻 松 地 做 一 个 手势 就 能 达 
成 目的 。 与 此 同时 ， 用 户 在 使 用 iPhone 浏览 任何 网 页 的 时 候 ， 也 能 够 如 此 随意 地 放大 页 面 。 我 相 





信 很 多 用 户 在 购买 了 iPhone 之 后 都 会 不 停 地 尝试 这 个 功能 并 且 乐 此 不 疲 


因为 确实 很 引人入胜 。 


就 这 么 简单 WW eb 开发 中 的 可 用 性 和 用 户 体验 Its sg easy 
第 二 章 ”了解 用 户 ， 了 解 需 求 





其 实 Apple 触摸 屏 使 用 的 是 多 触 点 式 触摸 屏 技术 (Multi-Touch) 。 这 并 不 是 一 种 全 新 的 技术 ， 
早 在 20 多 年 前 鼠标 刚刚 问世 不 久 就 有 人 提出 了 。 也 许 即使 Apple 把 这 个 地 方 做 成 普通 的 放大 
和 缩小 按钮 ， 也 不 会 有 任何 的 用 户 会 产生 异议 ， 但 是 也 正 是 这 些小 细节 的 创新 ， 使 得 iPhone 
在 性 能 、 造 型 等 方面 之 外 的 很 多 地 方 显 得 与 众 不 同 ， 让 用 户 使 用 和 操作 起 来 更 为 方便 和 愉悦 ， 
从 而 能 够 展示 其 自身 独特 的 魅力 ， 卓 尔 不 群 。 这 一 点 从 iPhone 发 售 日 前 世界 各 地 Apple 零售 
店 门口 的 排队 长 龙 就 能 得 到 证 明 。 





除 此 之 外 ， 新 技术 一 直 在 不 停 地 涌现 ， 世 界 上 有 无 数 希望 有 所 作为 的 设计 师 和 技术 人 员 在 孜孜 
不 倦 地 尝试 或 开发 着 新 的 交互 方式 ， 有 一 些 甚至 是 革命 性 的 。 例 如 2007 年 刚刚 在 蒙特 利 尔 TED 
大 会 上 演示 过 的 BumpTop。 这 是 一 个 真 三 维 、 高 度 自由 化 的 桌面 系统 。 
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当然 这 个 系统 还 只 是 个 原型 。 在 这 个 系统 中 ， 你 
可 以 就 像 在 真正 的 桌面 上 一 样 堆放 文件 ， 方 便 自如 地 
翻 找 、 归 纳 它们 。 虽 说 目前 还 很 难 想象 这 个 技术 有 什 
么 实际 意义 ， 但 是 它 令 人 印象 深刻 ， 几 乎 100% 地 模 
拟 了 真实 的 物理 桌面 和 书本 ， 并 且 提 供 了 很 多 方便 的 
操作 和 指令 ， 例 如 排序 、 查 找 、 标 识 重要 性 等 等 。 交 
互 方式 也 非常 有 意思 。 





让 我 们 向 这 些 有 才华 的 设计 师 们 表示 敬 意 。 


2.2.2 ”点 了 牛 扒 ， 端 上 来 的 却 是 意大利 面 


我 相信 任何 设计 人 员 都 会 尽心 尽力 地 设计 产品 。 但 是 ， 有 些 时 候 他 们 可 能 会 根据 自己 的 意愿 
进行 设计 : "我 想 做 好 ， 那 么 就 按照 我 认为 好 的 方式 去 做 "。 


然而 ， 他 们 的 想法 与 用 户 的 想法 未 必 一致 。 设 计 人 员 往 往 倾向 于 创建 自己 想 要 的 产品 ， 他 们 
也 不 了 解 用 户 还 想 要 些 什么 。 因 为 是 自己 设计 的 ， 所 以 他 们 知道 网 站 如 何 运行 、 什 么 时 候 在 什么 
地 方 会 显示 什么 信息 、 屏 幕 上 的 每 件 东西 是 什么 意思 。 他 们 假定 用 户 能 够 以 他 们 所 和 希望 的 感知 和 
理解 方式 感知 并 理解 一 切 。 








但 实际 上 ， 设 计 人 员 的 专业 背景 决定 了 他 们 不 可 能 充分 理解 普通 用 户 的 需求 。 可 能 对 他 们 而 
言 非常 简单 、 无 须 思索 的 东西 ， 却 有 很 多 普通 人 不 理解 。 用 户 和 设计 人 员 之 间 的 差异 就 好 像 下 面 
这 两 只 动物 一 样 。 











听 说 是 你 把 我 的 家 
设计 在 树 上 的 ? 
一 





当 人 们 第 一 次 开始 使 用 网 站 或 其 他 什么 产品 的 时 候 ， 他 们 几乎 不 知道 它 如 何 运行 ， 也 不 知道 
屏幕 上 的 一 切 都 是 什么 意思 。 他 们 并 不 知道 设计 人 员 的 个 人 意图 。 所 以 ， 开 发 者 只 关注 自己 的 需 
求 肯定 过 于 狭隘 了 ， 他 们 必须 咨询 目标 用 户 。 








这么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 





了 解 用户 ， 了 解 人 
在 项 目 开始 时 , 可 能 已 经 有 了 一 些 初始 需求 。 也 可 能 没有 , 一 切 从 零 开始 。 不 管 初始 情形 如 何 ， 


我 们 都 必须 讨论 、 提炼 和 澄清 用 户 的 需要 、 需求、 期望, 这 包括 了 解 用 户 及 其 能 力 、 当 前 任务 和 目标 、 
产品 的 使 用 条 件 以 及 对 产品 性 能 的 要 求 。 


如 同 “理解 用 户 需 要 ， 建 立 明确 需求 ”的 字面 意思 所 指出 的 ， 这 一 活动 有 两 个 目标 : 





“理解 用 户 需要 ， 建 立 明确 需求 ”这 一 活动 本 身 就 是 一 个 迭代 过 程 。 它 的 各 项 子 活动 是 相互 影 
响 的 ， 并 不 是 在 持续 几 周 或 几 个 月 后 就 完全 结束 。 从 用 户 那里 得 到 了 一 些 信息 后 ， 你 可 能 又 会 发 
现 需要 更 多 信息 ， 以 检验 或 肯定 某 些 想法 。 另 外 在 实践 中 ， 用 户 可 能 也 会 随时 发 现 新 的 可 能 性 和 
新 的 需求 。 


记 住 ， 理 解 产品 要 做 什么 并 且 确 保 它 能 支持 用 户 的 需要 ， 是 至 关 重 要 的 。 如 果 把 需求 弄 错 了 ， 
你 的 产品 要 么 就 被 用 户 忽 略 ( 这 是 最 好 的 情形 ) ,要 么 就 被 用 户 吕 视 (这 是 最 坏 的 情形 )。 不 管 怎么 说 ， 
这 种 结果 对 于 你 和 购买 产品 的 客户 来 说 都 是 不 利 的 , 就 好 像 你 点 了 牛 扒 , 我 却 端 上 来 一 盘 意 大 利 面 。 


所 以 ， 我 们 必须 坚持 “以 用 户 为 中 心 "。 如 果 正 确 听取 并 考虑 用 户 的 意见 和 需要 ， 产 品 就 更 有 
可 能 满足 他 们 的 需要 和 期 望 。 


有 些 需 求 是 已 经 存在 的 ， 你 只 需要 列 出 来 就 行 。 比 方 说 ， 客 户 需 要 制作 一 个 女性 购物 网 站 ， 那 
么 很 明显 在 一 开始 就 有 些 需求 确立 了 : 基于 互联 网 技术 、 需 要 与 后 台数 据 库 衔接 ， 诸 如 此 类 。 


而 另外 一 些 需 求 可 能 用 户 知道 , 但 是 需要 你 去 询问 。 例 如 客户 关注 的 到 底 是 网 页 下 载 速 度 (图 
片 量 就 不 能 太 大 ) 还 是 视觉 效果 (图 片 量 就 不 能 太 小 ) ? 用 户 们 对 这 种 网 站 有 没有 使 用 经 验 ? 等 等 。 


还 有 一 些 需 求 用 户 可 能 知道 ， 但 表达 得 并 不 十 分 明确 。 或 者 即使 他 们 提出 了 需求 ， 也 没有 仔细 
地 研究 过 。 这 种 情况 就 需要 你 进一步 去 分 析 。 例 如 客户 要 求 “ 女 孩 们 应 觉得 这 个 网 站 吸引 人 ”， 这 
确实 是 一 种 需求 ， 但 有 些 不 精确 。 你 还 需要 进一步 调查 女孩 们 到 底 喜 欢 什么 样 的 网 站 。 再 比如 客 
户 希 望 “ 网 页 下 载 速度 快 "。 那 么 到 底 多 快 才 算 快 ? 如 果 进一步 把 它 定义 成 “完整 下 载 网 页 的 时 间 
不 应 超过 5 秒 ” 这 样 的 具体 标准 ， 才 算是 一 个 明确 的 目标 。 
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所 以 说 ， 在 收集 需求 的 过 程 中 需要 强调 “可 衡量 性 ”。 也 就 是 说 ， 对 于 每 一 个 需求 你 都 应 该 画 
个 间 号 : 我 怎样 能 判断 这 个 需求 得 到 了 满足 ? 





判断 满足 与 否 ， 也 分 为 几 个 方面 。 











@ 有些 需 求 可 以 用 很 客观 的 方法 进行 衡量 。 例 如 产品 是 否 具有 某 种 功能 ， 或 者 网 页 下 载 的 时 
间 是 不 是 在 限定 范围 之 内 。 


@ 另外 一 些 需求 则 可 以 通过 用 户 测试 等 方法 来 衡量 ， 例 如 
用 户 的 满意 程度 。 


@ ”还 可 能 有 一 些 需求 由 于 种 种 原因 无 法 被 直接 衡量 ， 比 如 
对 效率 的 提高 ， 或 者 对 用 户 精 神 的 鼓励 程度 等 等 。 你 
可 以 把 它们 转化 为 可 以 直接 衡量 的 内 容 。 比 如 说 ， 如 果 
以 前 2 个 月 才能 完成 的 项 目 ， 现 在 一 个 月 就 能 搞定 ， 那 
么 就 表明 效率 提高 了 。 





@ ”至 于 那些 完全 不 能 衡量 的 内 容 ， 删 除 掉 ， 不 要 考虑 它们 。 因 为 你 确实 没 办 法 知道 这 方面 到 
底 做 好 了 没有 ， 那 么 就 不 要 耽误 时 间 。 

2.2.3 ”各 种 类 型 的 需求 

需求 也 分 为 不 同 的 类 型 ， 这 样 我 们 可 以 把 它们 分 类 归纳 ， 看 起 来 也 清楚 一 些 。 

在 这 里 我 列 出 了 一 些 不 同 的 需求 类 型 。 这 并 不 是 非常 严密 的 分 类 ， 但 起 码 能 够 提醒 你 至 少 需 
要 了 解 哪些 方面 。 
功能 需求 

也 就 是 说 要 了 解 系统 应 做 些 什么 。 例 如 “系统 应 支持 及 显示 多 国语 言 文字 ”就 是 一 项 功能 需求 。 
它 也 可 以 分 解 得 更 为 具体 ， 详 细 指 定 要 求 哪些 国家 的 文字 ， 如 英文 、 韩 文 、 德 文 等 。 甚 至 还 可 以 
再 具体 一 些 ， 就 像 “ 应 提供 英 、 韩 、 德 三 个 国家 的 文字 , 每 种 文字 至 少 三 种 字体 , 而 且 都 带 有 粗 体 、 
斜体 和 标准 体 ”。 
用 户 需求 


这 要 求 我 们 了 解 目标 用 户 的 特性 ， 尤 其 要 考虑 他 们 的 能 力 和 技能 。 比 如 说 ， 新 用 户 可 能 需要 循 
序 渐进 的 提示 , 所 以 界面 应 该 更 醒目 、 带 有 明确 的 信息 ;而 专家 级 用 户 则 希望 更 灵活 的 交互 方式 〈 例 
如 快捷 键 ) 和 更 多 的 控制 权 。 
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第 二 草 ”了解 用 户 ， 了 解 需 求 





数据 需求 

这 些 是 关于 数据 的 类 型 、 大 小 、 持 久 性 、 和 惟 确 性 等 方面 的 需求 。 绝 大 部 分 交互 产品 者 需要 处 
理 或 多 或 少 的 数据 。 例 如 一 些 在 线 购物 网 站 , 或 者 银行 账户 管理 系统 ,就 一 定 要 保证 数据 必须 准确 ， 
而 且 保密 性 高 。 

这 里 指 的 是 产品 的 使 用 环境 。 对 于 Web 和 Web-based 产品 来 说 ， 我 们 主要 关心 的 是 技术 环 
境 。 比 如 说 ， 这 个 网 站 在 Apple Mac OS 操作 系统 里 面 是 否 也 能 完美 展示 ? 不 同 的 浏览 器 呢 (IE、 
Netscape、Apple 的 Safari、 火 狐 、 例 游 或 者 腾讯 的 TT) ? 用 户 的 网 络 条 件 如 何 ? 开发 和 使 用 中 
又 存在 着 哪些 技术 限制 ? 


人 OO@@Q@ 


可 用 性 需求 


我 们 还 需要 了 解 产品 的 可 用 性 目标 和 评测 的 标准 。 在 开发 初期 ， 我 们 就 应 该 确定 如 何 去 评 估 
可 用 性 ， 而 且 要 协商 一 致 ， 之 后 用 它 来 衡量 产品 在 这 方面 的 质量 。 








这 些 需 求 经 常会 相互 冲突 。 


Apple 的 iPhone 提供 了 许多 功能 ， 包 括 打 电话 、 收 发 短信 息 和 电子 邮件 ， 以 及 浏览 网 页 、 听 音 
乐 、 看 电影 等 等 。 但 同时 它 又 是 一 款 便携 式 的 手机 , 只 能 使 用 3.5 英寸 的 小 屏幕 , 而 且 没 有 键盘 。 
这 就 是 它 的 限制 。 限 制 意 味 着 会 出 现 冲突 。 


这 些 冲突 包括 如 何在 480X320 像素 的 屏幕 中 浏览 正常 网 页 的 问题 ,为 了 避免 给 用 户 带 来 不 便 , 设计 
人 员 就 必须 仔细 考虑 什么 样 的 解决 方案 是 最 合适 的 。 他们 的 解决 办 法 是 :用 户 正常 浏览 时 显示 的 是 
缩小 的 网 页 , 从 而 可 以 大 致 了 解 网 页 概况 , 也 便于 上 下 拖 动 。 而 同时 他 们 也 可 以 通过 某 种 操作 (用 
手指 双击 屏幕 ) 对 网 页 进行 放大 , 用 以 阅读 文字 、 查看 图 片 等 细节 。 另外 , 当 用 户 横向 放置 iPhone 时， 
网 页 也 能 自动 放大 显示 。 





昂 jC 人 简单 Its s0 easy 
一 Web 开发 中 的 可 用 性 和 用 户 体验 





另外 一 个 明显 的 冲突 是 如 何 用 手指 输入 文字 。 也 就 是 当 点 击 字母 按键 的 时 候 ， 可 能 会 因为 手指 
挡住 了 部 分 按键 而 导致 输入 错误 。 设 计 人 员 也 想 出 了 一 些 针 对 性 的 策略 : 1. 点 击 字母 后 会 出 现 
放大 显示 ， 能 保证 你 知道 自己 点 击 了 哪个 字母 ; 2. 提供 智能 纠 错 功能 ， 哪 怕 你 输 错 了 字母 ， 系 
统 也 能 正确 显示 你 所 希望 输入 的 单词 








一 一 W_eb 开 发 中 的 可 用 性 和 用 户 体验 its s0 easy 


了 解 用 户 ， 了 解 需求 





所 谓 “ 设 计 ”， 就 是 提出 各 种 方案 ， 不 断 地 做 出 选择 和 决定 。 所 以 你 不 得 不 想 办 法 去 减少 这 些 
冲突 带 来 的 影响 。 


2.3 如何 确定 需求 


我 想 你 已 经 认识 到 ,“ 了 解 需求 ”不 能 闭门造车 ， 需 求 并 不 是 设计 人 员 自 己 想象 出 来 的 。 
我 们 只 能 去 与 用 户 交流 ， 使 用 科学 的 方式 去 搜集 充分 的 相关 信息 ， 从 而 找到 并 且 提出 一 组 稳定 
的 需求 

你 也 许 会 说 ， 我 已 经 知道 了 需要 哪些 需求 ， 那 么 如 何 得 到 它们 呢 ? 把 所 有 用 户 都 找 出 来 一 个 
一 个 地 去 问 吗 ? 


那 肖 定 是 难以 想象 的 。 事实 上 也 没有 这 么 笨 的 办 法 。 














需求 信息 的 实际 搜集 方式 是 多 样 化 的 ， 而 且 非 常 灵活 ， 各 种 技术 也 可 以 相互 组 合 和 扩充 。 这 些 
技术 并 不 难 ,主要 包括 问卷 调查 、 用 户 访谈 .观察 用 户 以 及 集体 讨论 。 它 们 都 需要 用 户 们 的 积极 参与 ， 
所 以 这 也 体现 了 “以 用 户 为 中 心 ”的 核心 理念 。 


在 搜集 需求 信息 的 过 程 中 ， 你 还 可 以 使 用 各 种 “道具 "， 例 如 任务 描述 和 产品 原型 ， 它 们 可 以 
让 这 个 阶段 更 加 简单 。 在 后 面 我 将 告诉 你 如 何 制作 这 些 “道具 "。 
2.3.1 介绍 一 些 数据 搜集 的 方法 

这 里 所 说 的 数据 搜集 技术 ， 其 实 就 是 从 用 户 那 里 获取 需求 信息 的 技术 。 


这 些 技术 非常 重要 。 你 在 现 阶 段 确定 需求 时 需要 它们 ， 日 后 在 可 用 性 测试 和 评估 中 也 会 用 到 。 
也 就 是 说 ,这 些 技术 贯穿 着 我 们 的 整个 设计 。 我 一 再 强调 交互 设计 的 核心 观点 是 “以 用 户 为 中 心 ”， 
就 是 时 刻 需要 考虑 用 户 的 特征 和 需求 。 只 要 你 想 从 用 户 那里 得 到 有 用 的 信息 和 数据 ， 你 就 只 能 通 
过 这 些 数据 搜集 技术 。 


不 过 不 要 被 “数据 搜集 ”这 个 貌似 很 专业 的 词汇 吓 倒 。 其 实 它 们 都 是 些 很 常见 的 方法 ， 我 们 
每 个 人 都 可 能 经 历 过 其 中 的 一 些 。 比 如 说 : 
问卷 调查 


这 个 相信 你 很 熟悉 。 所 谓 问 卷 调查 ， 也 就 是 设计 一 系列 问题 ， 通 过 网 络 (如 电子 邮件 或 网 站 )、 
电话 或 者 纸张 〈 包 括 面对面 及 邮寄 ) 形式 进行 大 面积 铺 放 ， 然 后 把 问卷 回收 再 导出 特定 的 信息 。 
如 果 是 纸张 形式 ， 你 也 可 以 在 展览 会 、 餐 厅 、 工 作 或 者 会 议 等 场所 发 放 。 

















从 简 单 Its so easy 
一 一 WW eb 开发 中 的 可 用 性 和 用 户 体 验 





主妇 网 的 电话 问卷 没 问题 ， 但 请 等 我 先 把 活 干 完 。 


对 于 Web 和 Web-based 产品 来 说 ， 通 过 网 络 当然 是 最 方便 直接 的 办 法 。 


间 卷 的 问题 可 以 有 多 种 形式 ， 例 如 简单 的 选择 题 或 是 非 题 ， 你 也 可 以 要 求 答卷 人 对 某 些 问题 
做 出 较 长 的 说 明 ， 或 者 提供 具体 的 意见 。 

在 设计 问题 时 ， 首 先 你 要 清楚 这 次 调查 的 目的 是 什么 ， 然 后 对 每 一 个 问题 进行 仔细 的 审核 。 
目的 是 要 保证 它们 的 含义 清晰 并 且 容 易 回 答 。 








在 问卷 设计 完 之 后 ， 最 好 先 找 一 些 人 试 答 一 下 。 这 是 因为 一 旦 问卷 大 面积 铺 放 之 后 ， 即 使 发 




















现 了 问题 也 很 难 再 更 改 了 。 
在 设计 问卷 和 分 析 结 果 时 ， 可 能 任何 一 点 细节 都 会 影响 到 结论 的 准确 性 和 可 信和 度 。 比 如 下 面 
几 个 方面 : 


@ ”参加 调查 的 用 户 不 一 定 就 代表 所 有 用 户 
有 时 候 当 自愿 参加 问卷 调查 时 , 参加 者 可 能 有 某 类 共同 的 心态 , 所 以 恰恰 只 代表 了 某 一 类 用 户 ， 
而 不 是 用 户 全 体 。 


@ ”用 户 参加 问卷 调查 的 动机 可 能 会 影响 研究 结果 
有 些 人 在 参与 有 偿 调查 时 会 比较 兴奋 ,或 者 会 影响 他 们 的 客观 判断 。 有 些 用 户 为 了 表示 友 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 








、 让 调查 方 高 兴 而 答题 ， 甚 至 去 猜测 问卷 人 所 期 望 的 结果 。 这 种 问卷 回收 起 来 就 没有 很 


















你 知道 吗 ， 只 要 参与 热带 


保 ! 那 就 什么 都 寺 
居住 环境 调查 的 人 者 能 得 未 


最 好 的 ， 说 不 定 还 
能 得 点 什么 。 







@ 问卷 的 来 源 可 能 会 影响 研究 结果 

也 许 有 些 人 对 某 些 组 织 或 单位 有 特定 的 看 法 ， 用 户 在 回答 问卷 的 时 候 可 能 会 受到 这 些 观念 的 
影响 。 如 果 你 很 讨厌 某 个 公司 ， 可 能 在 填写 他 们 问卷 的 时 候 心情 会 很 不 好 。 所 以 问卷 中 应 当 
避免 流露 具体 出 处 。 


@ ”研究 问题 的 措辞 可 能 也 会 影响 研究 结果 
也 许 用 户 在 回答 某 个 是 非 题 的 时 候 ， 并 不 “同意 "， 也 不 “反对 "。 他 可 能 有 些 话 想 说 ， 但 你 
没有 给 他 机 会 。 所 以 问卷 的 选项 应 当 平衡 ， 也 要 注意 在 两 个 极端 之 间 的 情况 。 


问卷 调查 主要 适用 于 调查 人 群 分 布 很 广 的 情况 。 因 为 你 无 法 和 他 们 一 一 面谈 。 但 是 这 种 方式 
没有 足够 的 可 信和 度 和 权威 性 ， 所 以 通常 你 需要 和 其 他 技术 配合 使 用 。 比 如 说 ， 用 户 访谈 。 


用 户 访谈 

访谈 其 实 就 是 个 人 采访 。 你 和 某 人 面对面 的 交谈 ， 向 他 提出 一 组 问题 。 当 然 你 也 可 以 通过 电 
话 访谈 。 

访谈 最 好 是 在 用 户 的 工作 环境 或 者 家 里 面 。 在 这 些 地方 人 们 比较 自在 ， 也 能 更 从 容 地 谈论 自 
己 的 活动 。 比 如 平常 都 做 些 什么 ， 使 用 什么 系统 或 者 设备 。 环 境 也 能 提醒 他 们 某 些 事情 ， 例 如 在 
接收 邮件 时 遇 到 的 问题 之 类 。 在 其 他 场合 他 们 有 可 能 就 会 忘记 这 些 事 。 

进行 访谈 之 前 ， 你 和 被 访 者 都 应 该 做 一 些 准备 。 你 需要 准备 一 些 问题 ， 而 且 预 测 用 户 可 能 的 反 
应 。 用 户 则 可 能 需要 将 一 些 参考 资料 或 实物 带 到 访谈 的 现场 。 访 谈 时 提出 的 问题 可 以 很 广泛 ， 主 
要 是 挖掘 他 们 对 各 种 问题 的 看 法 。 











文公 简 单 Its so easy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





一 您 觉得 Google Dog 确 实 很 有 必要 吗 ? 
| 


与 单调 的 纸张 或 电子 问卷 调查 相 比 ， 访 谈 更 能 激发 被 访 者 的 响应 ， 整 个 过 程 也 更 令 人 愉快 。 不 
过 用 户 访谈 非常 耗 时 ， 而 且 要 访问 到 所 有 想 访问 的 人 也 不 太 现实 。 对 这 种 情况 来 说 ， 我 们 可 以 先 
访谈 一 些 有 代表 性 的 用 户 ， 然 后 对 更 广 的 用 户 进行 问卷 调查 ， 以 验证 通过 访谈 得 到 的 信息 。 
观察 和 提问 

人 们 有 时 候 可 能 很 难 解释 清楚 自己 在 做 什么 ， 也 很 难 准确 描述 如 何 执行 某 个 任务 。 所 以 你 可 


能 需要 花 点 时 间 来 观察 他 们 是 如 何 执行 任务 的 。 你 要 了 解 他 们 在 自然 情形 下 的 工作 过 程 ， 同 时 做 
记录 和 提出 适当 的 问题 。 这 有 助 于 你 更 透彻 地 理解 用 户 和 任务 。 





对 观察 用 户 来 说 ， 你 可 以 自由 掌控 介入 的 程度 。 这 个 程度 可 以 从 根本 不 介入 他 们 工作 的 局 外 
观察 ， 到 与 他 们 共同 执行 任务 。 


有 几 个 方面 你 应 当 注意 : 

观察 的 人 应 当 是 最 有 代表 性 的 用 户 。 

要 想 更 透彻 地 理解 用 户 ， 你 就 需要 在 他 们 的 工作 环境 下 观察 。 

提问 要 具体 ， 重 点 放 在 他 们 正在 做 的 和 刚刚 完成 的 事情 。 

你 在 这 一 过 程 中 产生 的 想法 应 该 马上 反馈 给 用 户 。 这 是 为 了 验证 你 的 理解 是 否 正确 。 





有 一 个 经 常 使 用 的 方法 叫做 “有 声 思考 "。“ 有 声 思 考 ” 的 意思 是 ,让 用 户 在 完成 任务 的 过 程 中 


有 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its s0 easy 


下 解 用 户 ， 





量 清晰 地 口述 当时 思维 的 内 容 。 这 种 口述 进行 得 越 及 时 ， 它 的 内 容 就 越 能 准确 反映 任务 的 实际 
程 。 


很 多 人 不 太 习惯 这 种 自 言 自 语 式 的 “有 声 思考 "。 他 们 会 觉得 很 难为 情 , 或 者 忘记 需要 说 出 来 。 
在 需要 集中 注意 力 完成 任务 的 时 候 ， 边 说 边 做 也 是 很 难 的 一 件 事情 。 在 这 种 情况 下 你 可 以 适当 地 
提出 一 些 问题 ， 促 使 他 们 积极 口述 。 提 问 时 要 多 问 中 性 、 积 极 的 问题 ， 而 且 要 保持 灵活 性 。 例 如 
这 些 问题 : 


党 各 








在 观察 和 提问 的 过 程 中 , 如 果 你 发 现 很 难 同时 进行 记录 , 也 可 以 考虑 对 过 程 进行 摄像 或 者 录音 。 
这 样 就 算 结束 之 后 ， 你 也 能 研究 各 种 细节 。 但 是 当 有 些 人 在 知道 自己 被 摄像 的 时 候 ， 他 们 的 行为 
可 能 会 跟 正 常 状态 有 所 不 同 ， 所 以 你 应 该 通过 各 种 方法 减 小 这 种 影响 。 


观察 和 提问 需要 我 们 投入 更 多 的 时 间 和 精力 ， 而 且 可 能 会 收集 过 多 的 数据 ( 想 想 摄像 得 到 的 
数据 )。 而 且 研 究 这 些 数据 也 会 耗费 你 更 多 的 时 间 。 
集体 讨论 

刚才 提 到 的 用 户 访谈 通常 都 是 一 对 一 的 ， 只 能 知道 一 个 人 的 看 法 。 你 也 可 以 召集 若干 名 用 户 
聚 在 一 起 进行 讨论 。 

一 般 这 需要 一 位 主持 人 ， 负 责 组 织 整个 讨论 ， 而 且 要 保证 讨论 不 超出 预定 的 范围 。 他 还 应 该 
负责 引导 大 家 专注 于 某 个 问题 ， 或 者 转换 问题。 
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一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 
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我 要 全 面 忠实 地 记 
录 。 
开发 者 


我 要 引导 大 家 发 表 


记录 员 
看 法 
全 
Ss 
主持 者 







普通 用 户 普通 用 户 普通 用 户 
一 SS S 
SS be SS 


我 们 应 该 自由 地 发 表意 见 。 


集体 的 专题 讨论 适合 于 了 解 多 数 人 的 意见 ， 也 能 突出 有 冲突 、 不 一 致 的 观点 。 让 设计 人 员 和 
用 户 都 注意 到 自己 的 观点 可 能 与 其 他 人 并 不 相同 ， 这 是 非常 有 益 的 。 


不 过 ， 你 要 特别 注意 避免 一 个 或 几 个 人 礁 断 谈话 内 容 、 或 者 主导 讨论 的 情况 发 生 。 尤 其 是 那 
些 有 控制 权 、 职 位 高 或 者 有 影响 力 的 人 ， 他 们 养 尊 处 优 ， 总 觉得 自己 是 最 重要 的 。 你 应 该 尽 可 能 
保证 所 有 的 讨论 者 都 有 相等 的 机 会 充分 地 发 表意 见 。 


另 一 方面 ,有 些 人 可 能 天 生 就 很 内 向 ,不 善 言辞 。 与 之 相反 , 另 一 些 人 看 到 领导 在 场 就 特别 亢奋 ， 
有 意 拔高 自己 的 形象 。 还 有 些 人 有 领导 在 场 的 时 候 考 虑 过 多 ， 不 敢 提 意见 。 这 都 不 利于 集体 讨论 。 
人 












To 
我 觉得 . 我 们 的 产品 一 点 毛病 都 没有 。 
当然 你 们 也 可 以 提出 你 们 的 意见 ……。 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Itsg so easy 


了 解 用 户 ， 了 解 需求 





针对 这 一 问题 ， 你 也 可 以 通过 以 下 方式 来 避免 : 让 参与 讨论 的 用 户 各 自 使 用 一 台电 脑 进行 匿名 
在 线 会 议 (例如 NetMeeting 等 网 络 会 议 软 件 ,甚至 是 QQ.MSN)。“ 蕊 "在 计算 机 后 面 键入 谈话 内 容 ， 
避免 了 正面 的 对 话 ， 谁 也 不 知道 谁 是 谁 。 这 样 就 能 使 所 有 参加 讨论 的 用 户 都 能 有 相对 平均 的 机 会 
提出 看 法 。 


另外 需要 指出 的 是 ， 因 为 这 种 会 议 无 法 在 操作 现场 进行 ， 而 且 讨论 的 情况 和 实际 使 用 的 情况 
往往 有 偏差 ， 所 以 集体 讨论 的 结果 只 具 参 考 价值 。 


2.3.2 ”筷子 、 刀 又 和 勺 ， 哪 种 餐具 最 好 ? 

















这 个 问题 的 答案 因 人 而 异 ， 也 需要 根据 不 同 的 情况 来 决定 。 


首先 是 看 你 最 习惯 使 用 哪 种 餐具 。 此 外 不 同 的 食物 也 要 有 不 同 的 选择 。 而 就 算是 一 种 食物 ， 你 
也 可 能 需要 好 几 种 餐具 。 例 如 用 勺子 盛 汤 ， 用 筷子 捞 里 面 的 排骨 。 


上 面 说 的 种 种 数据 搜集 方式 也 是 一 样 ， 你 需要 根据 自己 的 能 力 ， 还 有 项 目 本 身 的 特点 来 
选择 各 种 方式 。 另 外 ， 它 也 取决 于 你 在 开发 周期 的 什么 阶段 。 比 方 说 ， 在 项 目 开 始 时 ， 你 可 
能 找 不 到 什么 问题 来 询问 用 户 ， 所 以 最 好 的 办 法 是 先 通过 访谈 来 发 掘 各 种 问题 ， 而 不 是 问卷 
调查 。 








同时 ， 你 的 选择 也 会 受到 可 用 资源 的 影响 。 例 如 ， 如 果 要 在 全 国 范围 内 进行 问卷 调查 ， 就 必 
须要 有 足够 的 时 间 和 资金 ， 之 后 还 得 有 能 力 去 整理 和 分 析 海量 的 结果 。 如 果 只 有 三 周 的 时 间 ， 又 
没有 什么 相关 的 经 验 ， 这 个 方法 就 不 太 合适 。 再 比方 说 ， 如 果 用 户 分 散在 全 国 (甚至 全 世界 ) 各 
地 的 话 ， 也 不 适合 把 他 们 召集 起 来 进行 集体 讨论 。 








单 Its so easy 
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a 回答 特定 的 问题 使 用 资源 很 少 ， 调 查 人 数 很 多 。” 问卷 设计 很 关键 ， 回 答 率 可 能 
不 高 ， 也 可 能 答 非 所 问 
用 户 访谈 发 据 和 深入 研究 问题 。 ”必要 时 可 引导 被 访 者 。 能 促进 。 很 耗 时 ， 人 为 环境 可 能 使 被 访 
开发 人 员 和 用 户 的 沟通 者 感觉 不 自在 
贡 罕 和 提问 。 理解 用 户 活动 的 环境 。 观察 实际 工作 能 名 提供 很 多 非 党 村 时， 数据 量 巨大 
集体 讨论 搜集 多 方 观点 能 突出 一 致 和 不 一 致 的 观点 。 。 讨论 可 能 由 少数 人 主导 ， 讨 论 


能 促进 开发 人 员 和 用 户 的 沟通 。 ”和 实际 的 情况 往往 有 偏差 
也 许 我 们 看 看 具体 情况 会 更 容易 理解 。 


比如 说 ， 现 在 有 个 小 型 广告 公司 的 在 线 管理 系统 需要 升级 。 这 是 一 个 正在 运行 的 Web-based 
系统 ， 用 于 管理 公司 内 部 的 考勤 、 工 作文 档 以 及 流程 等 方面 。 公 司 的 员工 对 它 比 较 满意 ， 但 是 
系统 有 些 过 时 。 


那么 我 们 看 看 可 以 通过 哪些 数据 搜集 的 方法 来 获得 用 户 的 需求 信息 。 因 为 这 是 一 个 小 型 的 广告 
公司 ， 所 以 用 户 的 数量 并 不 多 。 所 以 与 用 户 进行 访谈 要 比 问卷 调查 更 合适 ， 访 谈 也 能 获得 更 丰 
富 的 数据 ， 开 发 人 员 也 有 机 会 与 用 户 会 面 。“ 观 察 和 提问 ”是 必要 的 ， 这 能 帮助 你 理解 新 、 旧 
系统 的 使 用 环境 。 


因此 ， 我 们 应 该 首先 与 主要 用 户 进行 一 系列 访谈 ， 了 解 已 有 系统 的 优 缺 点 ， 再 进行 简短 的 观察 
并 提问 ， 从 而 理解 系统 的 应 用 环境 。 


而 如 果 是 要 开发 一 个 面向 年 轻 人 的 时 尚 电子 商务 网 站 ， 就 得 换 种 思路 。 因 为 用 户 是 分 散 的 ， 
与 他 们 一 一 会 面 并 不 现实 ， 而 且 最 重要 的 是 你 没 办 法 很 准确 地 定义 用 户 。 所 以 你 可 以 先进 行 
大 面积 的 电子 问卷 调查 ， 看 看 人 们 希望 看 到 的 电子 商务 网 站 是 个 什么 样子 。 然 后 你 可 以 从 中 
挑选 出 一 部 分 有 代表 性 的 用 户 进行 访谈 ， 或 者 组 织 一 些 人 进行 集体 讨论 ， 以 作为 问卷 调查 的 
补充 。 


此 外 ， 找 出 相似 或 者 竞争 对 手 的 网 站 ， 对 它们 进行 评估 ， 也 有 助 于 提供 有 用 的 信息 (这 是 个 很 
好 的 办 法 ， 你 能 免费 得 到 一 个 不 错 的 参照 对 象 ) 。 


2.3.3 ”数据 搜集 活动 中 一 些 要 注意 的 地 方 


这 些 数据 搜集 活动 并 不 难 ， 你 所 需要 付出 的 只 是 一 些 耐心 和 时 间 。 另 外 ， 必 要 的 策划 也 是 需 


要 的 ,同时 也 要 搞 清 楚 你 的 目标 一 一 一 切 都 是 为 了 理解 用 户 和 他 们 的 任务 。 这 需要 使 用 科学 的 方法 ， 
而 不 是 率 性 为 之 。 
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一 切 的 重点 都 是 为 了 搞 清楚 用 户 需要 什么 

了 解 用户 的 需要 ， 是 为 了 确定 需求 。 有 了 需求 ， 后 面 的 设计 工作 就 有 章 可 循 ， 而 不 会 像 无 头 
苍蝇 一 样 乱 撞 。 你 研究 的 是 用 户 的 行为 ， 他 们 的 使 用 环境 ， 还 有 现 有 的 一 些 支 持 工具 。 如 果 能 考 
虑 竞争 对 手 的 产品 的 话 ， 效 果 会 更 好 。 





什么 ?供应 商 不 知道 我 们 的 新 系统 怎么 用 ? 


各 种 数据 搜集 的 方法 都 是 从 不 同 的 角度 捕捉 不 同 的 信息 。 
武术 只 练 腿 上 功夫 是 不 够 的 一 样 。 


比 罗 


行 任务 的 具体 环境 ， 然 后 通过 访谈 来 了 解 特定 的 
用 户 ， 进 行 问卷 调查 获取 更 广泛 的 意见 ， 最 后 通 
过 集体 讨论 来 达成 最 终 的 一 致意 见 。 


在 可 能 的 情况 下 ， 先 小 规模 试验 


对 于 问卷 调查 来 说 ， 预 先 的 小 规模 试验 是 非 
常 重要 的 ， 你 需要 检验 自己 设计 的 问卷 有 没有 问 
题 。 集 体 讨论 也 是 同样 的 道理 ， 那 么 多 人 齐 聚 一 








要 考虑 所 有 的 用 户 类 别 











运行 后 ， 生 产 效 率 却 比 以 前 降低 了 一 半 。 问 题 : 





你 是 否 能 保证 搜集 到 了 所 有 用 户 的 观点 ? 很 可 能 
一 不 小 心 就 会 忽略 某 些 用 户 。 曾 经 有 一 个 公司 升级 自 
己 的 Web-based 企业 管理 系统 ， 设 计 人 员 非 常 谨慎 ， 
而 且 也 十 分 注重 用 户 的 感受 。 他 们 让 所 有 职员 、 
者 甚至 仓库 管理 员 都 参与 了 开发 过 程 。 但 是 系统 正式 


管理 


在 哪 


里 ?他 们 确实 考虑 到 了 公司 内 部 的 所 有 用 户 ， 但 却 忽 
略 了 不 是 公司 成 员 的 供应 商 们 。 没 有 人 考虑 过 供应 商 该 如 何 使 用 系统 ， 但 很 明显 他 们 在 使 用 上 出 
现 了 问题 。 


每 个 用 户 类 别 只 派 一 位 代表 参与 是 不 充分 的 


不 光 用 户 的 类 别 要 考虑 全 面 ， 就 算是 在 单个 的 类 别 中 ， 也 需要 征求 多 位 用 户 的 意见 。 那 些 大 
型 的 产品 或 服务 尤其 如 此 。 对 于 如 何 工 作 、 如 何 交互 ， 每 个 人 都 会 有 不 同 的 看 法 。 就 算 只 有 一 个 
用 户 类 别 ， 但 如 果 你 只 访谈 或 者 观察 一 个 用 户 ， 肯 定 没 什么 说 服 力 。 


打 “ 组 合 拳 "， 不 要 单一 套路 





说 你 可 以 通过 观察 和 提问 来 理解 用 户 执 


它们 谁 也 取代 不 了 谁 。 这 就 好 像 练 





文 么 简单 Itsseasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








堂 ， 难 免 可 能 会 出 现 局 面 失 控 。 你 可 以 通过 试验 发 现 大 概 会 出 现 什么 情况 ， 如 何 处 理 ， 从 而 避免 
意 想不到 的 情况 发 生 。 小 规模 试验 能 确保 你 的 数据 搜集 活动 达到 预期 的 目标 。 


不 过 ， 一 般 小 规模 试验 后 很 可 能 会 进行 修改 ， 这 就 表明 这 种 试验 是 不 正规 的 。 所 以 ， 这 个 过 
程 中 获得 的 数据 不 能 与 其 他 方式 获得 的 数据 等 同 看 待 。 
如 果 得 到 的 需求 信息 太 多 


很 多 情况 下 ， 你 获得 的 需求 信息 可 能 有 几 百 条 、 上 千 条 ， 共 至 更 多 。 为 了 防止 用 户 信息 过 
于 杂乱 导致 增加 工作 量 ， 同 时 又 要 保证 需求 的 可 衡量 性 ， 你 可 以 采取 以 下 的 步骤 来 了 解 需求 : 








人 你 提供 几 个 需求 类 别 ， 让 用 户 将 所 有 需求 “对 号 入 座 ”。 


《3 列 出 各 项 需求 的 衡量 标准 。 对 那些 不 易 衡量 的 需求 ， 进 行 修改 或 删除 。 


记录 数据 同样 很 重要 

在 面对面 的 数据 搜集 过 程 中 ， 例 如 观察 、 访 谈 和 集体 讨论 ， 你 主要 可 以 通过 摄像 、 录 音 和 记 
笔记 等 方式 来 记录 必要 的 数据 。 摄 像 和 录音 的 优势 是 非常 准确 ， 但 得 到 的 数据 量 太 大 。 记 笔记 则 
需要 保证 即时 、 准 确 ， 不 能 有 偏向 性 。 
2.3.4 ”解释 与 分 析 数 据 一 一 一 道 填空 题 


到 现在 ， 你 通过 问卷 、 观 察 、 访 谈 以 及 讨论 已 经 得 到 了 一 些 信息 。 你 知道 它们 对 开发 工作 是 
有 帮助 的 。 但 是 ， 如 果 只 是 拿 着 厚 厚 的 一 省 记录 (也 许 还 有 视频 和 音频 ) ， 却 找 不 到 一 个 办 法 把 它 
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第 二 章 了解 用 户 ， 了 解 需求 





们 组 织 起 来 的 话 ， 导 致 的 结果 只 可 能 是 数据 的 堆砌 。 它 们 就 在 那里 ， 你 却 没有 任何 头绪 。 


所 以 你 需要 有 一 个 清晰 的 思路 来 整理 这 些 信息 。 或 者 说 ， 你 得 通过 解释 这 些 数 据 来 组 织 和 陈 
述 用 户 的 需求 。 





我 建议 你 在 完成 了 某 一 个 数据 搜集 活动 之 后 ， 马 上 就 开始 数据 的 解释 与 分 析 工 作 。 越 早 越 好 。 
这 个 时 候 你 的 记忆 还 很 清晰 ， 能 想起 用 户 说 起 的 每 一 句 话 ， 他 的 每 个 动作 。 细 节 非 常 重要 。 如 果 
你 想 搁 一 搁 ， 到 明天 再 说 ， 那 么 哪怕 只 隔 一 个 晚上 你 就 能 忘记 很 多 东西 。 





那么 如 何 解释 数据 呢 ? 刚才 说 到 这 个 阶段 的 目的 是 要 组 织 和 陈述 需求 。 关 于 这 一 点 有 很 多 办 
法 ， 但 最 好 的 办 法 就 是 使 用 一 套 比 较 完整 的 模板 ， 从 而 把 需求 文档 化 。 你 可 以 根据 模板 的 各 个 项 
目 来 理解 需求 数据 ， 这 就 像 一 道 阅 读 理解 的 填空 题 ， 你 所 要 做 的 只 是 看 看 哪里 该 填 些 什么 。 


大 西洋 系统 协会 公司 (Atlantic Systems Guild Inc.) 所 提供 的 Volere 需求 记录 卡 模板 就 非常 
实用 。 它 主要 包括 下 面 这 些 内 容 (我 作 了 一 些小 小 的 修改 ) : 

orrrrrrrnre er 

需求 编号 : 需求 类 型 ， [把 需求 分 类 ， 便 于 整理 归 幼 








完成 后 客户 的 满意 度 : 客户 对 实现 这 项 需求 的 渴望 程度 
未 完成 时 客户 的 不 满意 度 : 没有 满足 需求 时 ， 客 户 的 不 满 程度 


有 没有 其 他 需求 影响 这 个 目标 ?| 
有 没有 其 他 需求 与 之 相 冲 突 ? 








一 些 支持 材料 的 信息 
需求 的 来 源 ， 以 及 修改 记录 





任何 需求 都 无 非 以 上 几 点 ， 所 以 一 看 就 很 清楚 。 在 这 种 时 候 ， 尽 可 能 多 地 召集 相关 设计 人 员 一 
起 讨论 是 个 很 好 的 办 法 。 因 为 每 个 人 的 思路 不 一 样 ， 有 些 人 可 能 会 比 你 从 中 发 现 更 多 的 东西 ， 这 
样 你 就 能 够 得 到 关于 数据 的 各 种 看 法 。 


把 这 道 填空 题 做 完 ， 你 就 能 得 到 一 张 需求 记录 卡 。 之 前 获取 的 各 种 需求 信息 都 能 够 通过 这 种 
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方法 来 统一 归纳 。 把 所 有 的 需求 记录 卡 集中 到 一 起 ， 你 就 能 建立 一 套 完整 的 需求 记录 。 


有 一 套 综合 网 络 管理 系统 ， 它 能 针对 电信 公司 的 系统 、 用 户 、 主 机 等 多 方面 以 Web-based 方式 
进行 管理 。 在 开发 的 过 程 中 也 许 会 存在 下 面 这 样 一 张 需求 记录 卡 : 


《 《 ( ( { 《 《 《 


需求 编号 ，29 需求 类 型 : 故障 告警 类 





描述 : 当 通信 系统 终端 无 法 传输 数据 时 ， 系 统 应 该 发 出 告警 。 


原理 : 如果 无 法 传输 数据 ， 则 可 能 表示 : 1. 系统 终端 发 生 故 障 需要 维护 ;2. 用 于 监测 系统 终端 的 数据 定义 
可 能 存在 问题 。 
来 源 : 客户 系统 监测 工程 师 


满足 标准 : 对 于 每 个 通信 系统 终端 ， 当 每 小 时 每 个 类 型 的 通信 数据 超出 制造 商 所 指定 的 误差 范围 时 ， 产 品 
应 该 通知 用 户 。 

完成 后 客户 的 满意 度 : 满意 

未 完成 时 客户 的 不 满意 度 : 极为 不 满意 


相关 需求 :弹出 窗口 UI 设计 规范 


天 Volere 


支持 材料 ， x 通信 公司 的 产品 规格 说 明 rr er Sm 
历史 : x x x 提出，2007 年 5 月 18 日 这 


这 张 需求 记录 卡 属于 故障 告警 类 中 的 一 张 。 内 容 描述 了 故障 发 生 的 原因 、 提 出 需求 的 用 户 ， 以 
及 满足 需求 所 需要 达到 的 目标 等 等 。 








这 个 公司 把 满意 度 的 级 别 分 为 非常 满意 、 满 意 、 较 满意 、 不 满意 和 极为 不 满意 五 种 。 


你 可 以 看 到 , 与 这 项 需求 相关 的 是 “弹出 窗口 的 UI 设计 规范 ”需求 。 也 就 是 说 , 当 系统 告警 时 ， 
告警 界面 需要 遵循 相关 的 文档 。 此 外 ， 用 户 对 系统 没有 其 他 需求 与 之 相 冲 突 。 





OK ,一 道 填空 题 ,目的 达到 了 :通过 这 张 记录 卡 , 你 就 能 明白 无 误 地 把 握 用 户 对 这 一 方面 的 需求 。 
这 非常 明确 。 当 你 把 这 些 需 求 收集 在 一 起 ， 拿 订 书 机 订 起 来 ， 就 能 得 到 一 本 相当 不 错 的 需求 记录 
汇总 了 。 











2.4 归根结底， 我 们 要 了 解 任务 
事情 马上 就 完 ， 但 还 差 最 后 一 步 。 
我 能 想象 这 种 情况 :用户 看 到 你 给 他 的 一 考 需 求 记录 卡 ， 他 仔细 地 读 完 并 且 点 头 说 :“ 想 当 
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了 解 用 户 ， 了 解 需求 





不 错 ， 这 就 是 我 们 的 需求 。 但 是 ， 他 是 不 是 真 的 理解 了 ? 

其 实 ， 他 看 到 的 只 是 一 些 要 求 ， 以 及 你 承诺 的 相应 举措 。 也 许 他 很 满意 ， 但 其 实 他 看 到 的 并 
不 是 产品 ， 所 以 也 不 会 形成 明确 的 概念 。 

这 就 好 比 农村 来 的 小 波 波 说 他 很 无 聊 ,你 承诺 周末 带 他 去 迪斯尼 游乐 场 。 他 可 能 猜 到 会 很 好 玩 ， 
但 从 没 去 过 游乐 场 的 波 波 并 不 知道 那 是 个 什么 地 方 。 

这 种 情况 下 你 会 怎么 做 ?你 可 能 会 说 :“ 那 里 棒 极 了 ! 有 小 丑 和 摩天 轮 ， 你 能 吃 到 冰激凌 和 棉 
花 糖 ， 还 可 以 坐 过 山 车 。” 


就 是 这 样 。 你 需要 向 他 描述 那里 会 发 生 的 一 切 ， 让 他 脑海 里 产生 具体 的 印象 。 然 后 波 波 就 会 
缠 着 你 带 他 去 了 。 对 用 户 来 说 也 是 如 此 ， 你 需要 用 具体 的 例子 来 向 他 们 解释 如 何 使 用 产品 ， 会 发 
生 些 什么 事情 。 这 一 阶段 我 们 称 之 为 “任务 描述 ”。 














所 谓 “ 任 务 描述 ” ,就 是 通过 某 种 方式 把 具体 的 任务 以 用 户 能 理解 的 方式 详细 地 表现 出 来 。 这 样 ， 
他 们 就 能 一 目 了 然 地 明白 正在 开发 的 产品 大 概 是 个 什么 样子 ， 使 用 起 来 会 遇 到 什么 情况 ， 有 什么 
问题 。 任 务 描述 最 终 的 目的 是 能 够 让 你 借助 这 些 找 出 确切 无 误 的 需求 ， 也 就 是 整个 标识 需求 过 程 
的 最 后 一 道 关 。 


一 般 来 说 ， 任 务 描述 不 应 涉及 任何 与 技术 实施 相关 的 内 容 。 也 就 是 说 ， 在 你 描述 任务 的 时 候 ， 
那些 系统 的 运行 平台 .信息 的 存储 方式 等 等 在 “背后 ”的 东西 都 应 该 抛 开 。 用 户 们 不 关心 这 些 问题 ， 
他 们 只 会 注意 那些 展现 在 他 们 面前 的 东西 : 界面 如 何 操 作 ， 任 务 如 何 完成 ， 等 等 。 说 太 多 技术 上 
的 内 容 ， 儿 平 就 等 于 你 在 絮 絮 中 忠 一 些 毫 无 意义 的 东西 。 
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另外 ， 通 过 任务 描述 ， 你 也 可 以 对 用 户 的 任务 进行 分 析 。 一 个 优秀 的 任务 描述 可 以 回答 几 个 
相当 详细 的 问题 : 


使 用 该 产品 或 服务 的 人 都 会 做 什么 任务 ? 

哪些 任务 是 常用 的 ， 哪 些 则 很 少 用 到 ? 

哪些 任务 最 重要 ， 哪 些 最 不 重要 ? 

每 个 任务 的 步骤 和 结果 是 什么 ? 

每 个 任务 的 信息 从 哪里 获得 ? 是 不 是 由 系统 提示 出 来 ? 

哪些 人 做 哪些 任务 ? 

完成 任务 的 时 候 都 会 使 用 到 什么 工具 ? 

执行 每 个 任务 时 人 们 会 有 什么 问题 ?什么 类 型 的 错误 比较 常见 ?是 什么 引起 的 这 些 问 题 和 
错误 ? 


通过 回答 这 些 问 题 ， 便 于 你 更 为 全 面 地 了 解 任 务 。 这 是 非常 重要 的 。 


任务 描述 有 很 多 种 不 同 的 形式 ， 我 在 这 里 主要 介绍 其 中 的 两 种 : 场景 和 流程 图 。 这 两 种 方法 
并 不 相互 排斥 ， 正 相反 ， 通 常 很 多 人 都 是 结合 两 者 来 使 用 。 因 为 它们 都 各 有 所 长 。 


其 实 我 想 你 对 它们 也 不 会 陌生 。 
2.4.1 用 讲 故事 的 方法 来 描述 任务 


“ 讲 故 事 ” 指 的 就 是 使 用 “场景 ”来 描述 任务 ， 它 是 一 种 非 正式 的 叙述 方式 ， 但 从 中 你 可 以 发 
用 户 执行 任务 的 环境 ， 以 及 他 们 的 需求 。 


“场景 ”描述 的 是 用 户 完 成 任务 的 具体 情节 。 这 种 “ 讲 故事 ”的 方法 非常 便于 理解 ， 使 用 的 是 
用 户 的 词汇 ， 轻 松 友好 。 用 户 很 容易 就 能 接受 这 种 方式 ， 从 而 理解 场景 说 明 ， 也 因此 能 够 参与 开 
发 过 程 。 





掘 ! 











设想 你 马上 要 开发 某 个 公司 的 人 事 管理 系统 ， 于 是 应 邀 与 用 户 会 面 。 他 们 负责 公司 的 人 员 招 
聘 工 作 。 当 你 走 进 办 公 室 时 ， 负 责 人 苏 瑞 跟 你 打招呼 。 你 觉得 她 会 怎么 说 ? 


“是 的 ， 求 职 申 请 都 是 寡 到 我 们 这 里 。 有 时 候 高 峰 期 我 们 每 天 可 能 会 收 到 约 30 到 40 份 简历 。 
朱 迪 负责 浏览 简历 ， 检 查 是 否 完整 ， 也 就 是 看 看 它 是 否 包含 所 有 需要 的 材料 。 在 处 理 求职 申请 
之 前 ， 我 们 需要 检查 相关 的 文 赁 、 证 书 以 及 工作 经 历 证 明 。 根 据 这 个 初步 审查 的 结果 ， 我 们 再 
把 这 些 求职 申请 转交 给 ……” 


“ 讲 故事 ”是 人 们 解释 自己 做 什么 或 者 如 何 执行 某 个 任务 的 最 自然 的 方式 ， 它 便于 所 有 人 理解 。 
这 类 “故事 ”的 焦点 通常 是 用 户 希 望 达 到 的 目标 。 通 过 理解 用 户 为 什么 这 么 做 、 想 达到 什么 目的 ， 
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你 就 能 专注 于 用 户 的 活动 ， 而 不 是 单纯 的 技术 。 换 句 话说 ， 这 个 “故事 ”的 情节 仅仅 是 指 任务 〈 他 
们 的 目的 ) 和 操作 (他 们 的 行为 )， 而 不 需 牵扯 任何 的 技术 问题 。 





在 任务 描述 中 ， 使 用 的 故事 或 情节 可 以 是 真实 的 ， 也 可 以 是 虚构 的 可 以 是 关于 使 用 当前 存 


在 的 系统 的 情况 ， 也 可 以 是 想象 中 的 理想 情况 ， 可 以 来 源 于 用 户 本 身 ， 也 可 以 由 你 自己 编写 出 来 。 


这 种 方法 的 关键 是 要 使 这 些 故事 和 情节 具有 代表 性 ， 从 而 可 以 作为 设计 的 参考 。 
一 位 曾 去 某 个 书店 买书 的 用 户 可 能 会 提出 以 下 场景 : 


上 周 日 我 去 X X 书店 想 买 一 本 关于 交互 设计 的 书 。 我 比较 中 意 其 中 一 本 ， 但 书 名 记 不 清 了 。 
但 我 知道 书 的 作者 是 付 利 民 ， 他 好 像 是 美国 eBay 的 用 户 体验 研究 经 理 。 


书店 里 陈列 的 书 太 多 ， 于 是 我 准备 使 用 旁边 的 一 台电 脑 搜索 一 下 ， 看 看 能 否 找到 。 如 果 还 不 行 
的 话 就 只 有 去 找 售货员 了 。 我 走 近 电脑 , 发 现 有 一 些 人 正在 使 用 它们 。5 分 钟 之 后 终于 轮 到 我 了 。 
我 看 到 计算 机 屏幕 上 打开 了 一 个 网 页 ， 上 面 显示 “X X 书店 图 书 查询 系统 “， 但 需要 我 输入 用 
户 名 和 口令 。 我 不 知道 用 户 名 和 口令 ， 但 不 输入 它们 我 就 无 法 进入 系统 。 这 时 候 我 看 到 计算 机 
显示 器 旁边 贴 了 一 张 纸 条 , 上 面 写 着 ; “用户 名 :user。 密 码 ;:123“。 我 尝试 着 输入 , 结果 成 功 了 。 


系统 确认 了 口令 后 ， 显 示 可 以 根据 作者 、 领 域 类 别 、 书 名 或 版 号 查询 。 我 发 现 不 能 同时 结合 两 
者 进行 检索 ,比如 输入 作者 名 字 和 “计算 机 类 图 书 “。 我 不 知道 那 本 书 叫 什么 ,而 如 果 搜 索 “ 计 
算 机 类 图 书 " 又 肯定 会 得 到 一 大 堆 结 果 。 所 以 我 选择 搜索 作者 名 。 过 了 约 20 秒 , 系统 返回 了 结果 ， 
提示 我 没有 找到 付 利 民 写 的 书 ， 但 也 列 出 了 一 些 最 接近 的 匹配 书目 。 


在 浏览 了 清单 后 ， 我 发 现 把 作者 的 名 字 和 弄 错 了 ， 应 该 是 傅 利 民 ， 而 不 是 付 利 民 。 于 是 我 选择 了 
想 要 的 书目 ， 系 统 随后 显示 了 它 的 陈列 位 置 。 


一 个 完整 的 故事 描述 包括 人 物 、 目 标 、 现 状 、 环 境 、 步 又 、 策 略 、 感 情 等 多 方面 的 因素 。 分 





离 这 些 因素 对 于 任务 的 分 析 是 很 有 帮助 的 。 下 面 是 对 于 上 述 故事 的 分 解 : 





e@ 。 人物 : “我 "， 一 个 想 购 书 的 人 。 

@ 目标 : 购买 一 本 关于 交互 设计 的 书 ， 但 只 知道 作者 名 字 。 

@ ”现状 : 周末 ， 书 店 有 些 拥挤 。 

@ ”环境 : 书店 ， 若 干 查询 终端 ， 另 外 售货员 也 可 以 提供 帮助 。 

@ ”步骤 : 先 浏览 陈列 架 ， 然 后 使 用 查询 终端 ， 登 录 系 统 ， 查 询 图 书 ， 获 得 书籍 信息 。 

@ 策略 : 如 果 使 用 终端 找到 了 想 要 的 书籍 ， 则 直接 取 书 购买 ， 如 果 无 法 找到 ， 则 向 售货员 
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寻求 帮助 。 


@ 感情 : 得 到 了 想 要 的 结果 ， 但 对 系统 需要 登录 感到 不 理解 ， 而 且 对 不 灵活 的 检索 方法 感 
到 无 奈 。 但 是 很 庆幸 最 终 系统 给 出 了 近似 的 搜索 结果 。 


从 这 个 关于 已 有 系统 的 场景 说 明 中 ， 我 们 注意 到 了 一 些 事 项 : 
@ ”正确 输入 作者 姓名 的 重要 性 ， 

@ ”用 户 对 强制 进行 没有 意义 的 登录 感到 莫名 其 妙 ; 

@ ”应 提供 更 为 灵活 的 检索 方法 ， 

@ ”检索 速度 应 该 努力 提高 以 免 用 户 排队 ， 

@ ”在 匹配 不 成 功 时 ， 应 给 出 相近 的 检索 结果 。 


在 设计 新 的 图 书 查 询 系 统 时 ， 这 些 都 是 可 以 改进 的 地 方 。 这 个 场景 描述 了 图 书 查询 系统 的 一 
个 (很 可 能 是 普遍 的 ) 用 法 ， 即 根据 作者 的 姓名 检索 一 本 不 知名 的 书 。 


从 上 述 的 故事 讲述 中 可 以 看 出 ,场景 描述 这 种 方法 比较 生动 地 叙述 了 一 个 典型 用 户 使 用 系统 
的 完整 过 程 。 故 事 讲述 包括 很 多 细节 。 除 了 系统 本 身 的 功能 之 外 ， 故 事 描述 还 涉及 了 很 多 环境 和 
辅助 因素 ， 例 如 有 没有 售货员 、 顾 客 是 否 需要 排队 等 等 。 这 些 都 与 系统 的 设计 密切 相关 ， 应 该 考 
虑 进来 。 


描述 已 有 的 场景 有 助 于 你 决定 新 的 场景 。 你 能 从 中 搜集 到 很 多 有 用 的 信息 ,以 便 建立 新 的 需求 。 
现在 我 们 来 看 看 如 何 借助 现 有 活动 的 场景 说 明 来 找 出 关于 革新 应 用 的 需求 。 


比如 说 你 想 选 购 一 张 Hi-Fi 发 烧 音 碟 ， 一 般 情 况 下 会 怎么 做 呢 ? 我 编写 了 一 份 场景 的 例子 ， 它 
并 不 一 定 能 代表 通常 的 情况 ， 但 我 估计 也 差 不 了 太 多 。 


我 是 个 喜欢 音乐 的 人 ， 但 是 个 外 行 。 我 不 知道 门 德尔 松 和 施 特 劳 斯 之 间 的 区 别 。 如 果 要 买 张 好 
的 发 烧 碟 ， 我 不 太 了 解 该 怎么 做 一 一 你 知道 好 的 原版 唱片 对 我 来 说 并 不 便宜 。 我 可 能 会 上 网 搜 
集 一 些 关 于 发 烧 碟 的 音乐 评论 ， 不 同 的 风格 、 质 量 ， 当 然 还 有 售 价 。 顺 利 的 话 ， 从 这 些 初 步调 
查 中 ， 我 会 发 现 一 些 比较 中 意 的 唱片 。 





下 一 个 步骤 就 是 去 音像 店 ， 但 是 似乎 有 些 音像 制品 的 价格 没有 一 个 明确 的 标准 。 我 会 选择 我 喜 
欢 的 音乐 家 的 作品 ， 从 架 上 拿 下 来 欣赏 一 下 封套 。 但 我 仍然 不 确定 它 的 质量 是 否 真 的 很 好 。 如 
音像 店 能 够 提供 试听 ， 我 会 很 高 兴 ， 但 是 只 有 很 少 的 音像 店 提供 试听 服务 ， 就 算 有 ， 也 就 那 
么 几 张 摆 在 那里 一 一 似乎 此 举 是 为 了 展示 耳机 的 质量 而 不 是 唱片 。 如 果 能 够 试听 ， 我 通常 就 能 
立即 决定 是 否 购买 它 。 我 不 想 花 几 百 元 买 回去 后 发 现 不 是 我 想 要 的 。 
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这 个 场景 表明 ， 这 项 任务 大 体 上 分 为 两 个 阶段 : 一 是 研究 市 面 上 各 种 发 烧 音 碟 ， 二 是 获得 
实际 的 体验 。 前 一 个 阶段 是 获取 一 些 实际 的 信息 , 例如 在 网 上 搜寻 资料 。 但 搜集 的 过 程 比较 零散 ， 
而 且 正 如 我 们 所 看 到 的 ， 即 使 是 同一 张 唱片 ， 不 同音 像 店 的 标价 也 可 能 有 所 不 同 。 在 后 一 个 阶 
段 中 ， 试 听 是 非常 重要 的 ， 可 以 说 是 一 个 关键 的 步骤 。 但 是 正如 上 面 所 看 到 的 ， 大 多 数 音像 店 
都 不 提供 试听 服务 ， 少 数 有 的 几 家 也 只 是 装 装 样子 ， 提 供 的 唱片 屈指 可 数 。 


根据 以 上 说 明 ， 我 提出 了 以 下 场景 ， 描 述 了 新 式 的 “一 站 式 Hi-Fi 发 烧 音 碟 在 线 商 城 "。 它 能 
够 满足 一 些 用 户 在 这 方面 的 部 分 需求 。 


我 想 买 一 张 好 的 发 烧 碟 ， 所 以 来 到 了 “一 站 式 Hi-Fi 发 烧 音 碟 在 线 商 城 "。 这 是 一 个 网 站 ， 我 
可 以 直接 选择 我 想 要 的 唱片 ， 也 可 以 在 没有 了 明确 需求 的 情况 下 看 看 有 什么 比较 合适 的 。 


网 站 里 面 提供 了 市 面 上 绝 大 部 分 Hi-Fi 唱片 的 资料 ， 包 括 封套 设计 、 作 曲 家 、 演 奏 家 、 了 唱片 风 
格 以 及 一 些 专业 和 非 专业 的 评论 。 资 料 还 包括 唱片 在 网 站 上 的 售 价 。 我 能 够 灵活 地 根据 价格 、 
作者 或 音乐 流派 进行 检索 ， 还 能 够 阅读 所 有 资料 。 我 很 感 兴趣 ， 花 了 半 个 小 时 浏览 各 种 资料 
然后 选 定 了 几 张 可 能 会 购买 的 唱片 。 


每 张 唱片 的 图 片 下 方 都 有 一 个 “试听 ”按钮 。 我 可 以 随时 点 击 , 对 专辑 的 大 部 分 曲目 进行 试听 。 

曲目 都 是 一 些 片段 , 但 是 音质 很 清晰 ,能够 把 握 细 节 。 最 后 我 选 定 了 一 张 小 约 翰 " 施 特 劳 斯 的 《 维 

也 纳 的 浪漫 》 这 正 是 我 想 要 的 ， 我 还 从 资料 上 了 解 到 这 种 音乐 风格 叫做 “波尔卡 舞曲 “。 

可 以 看 到 ， 这 个 网 站 支持 前 一 个 场景 中 提 到 的 研究 过 程 和 重要 的 试听 过 程 。 它 应 该 能 满足 大 
部 分 用 户 的 需求 。 当 然 这 只 是 一 个 初步 设想 的 场景 ， 还 需要 通过 讨论 和 进一步 的 调查 做 出 改进 。 
2.4.2 ”用 流程 图 来 描述 任务 

流程 图 相信 你 早已 见 过 。 在 任务 描述 中 使 用 的 流程 图 ， 同 样 关 注 的 是 用 户 目标 ， 但 它 的 重点 
是 用 户 与 产品 的 交互 ， 而 不 只 是 任务 本 身 。 


流程 图 的 作用 是 分 析 基 本 原理 ， 了 解 人 们 想 要 达到 什么 目标 ， 然 后 明确 地 表现 出 应 该 如 何 达 
到 这 些 目标 。 它 描述 了 现 有 任务 的 执行 情况 。 以 此 为 基础 ， 你 就 能 建立 新 的 需求 或 者 设计 新 任务 。 





简单 来 说 ， 流 程 图 就 是 用 具体 的 流程 框图 来 明确 表示 任务 执行 的 完整 过 程 。 


举 个 例子 。 你 在 某 个 大 学 图 书馆 使 用 它 的 目录 检索 系统 。 这 个 系统 允许 用 户 检索 详细 的 图 书 
资料 ， 例 如 根据 作者 或 主题 检索 图 书 ， 然 后 找到 图 书 存放 的 位 置 进行 借阅 。 


需要 知道 的 是 ， 不 同 的 用 户 完成 某 项 任务 的 具体 方式 并 不 完全 一 样 。 而 且 他 们 在 不 同 的 情 
况 下 也 可 能 会 随时 调整 自己 的 步骤 或 策略 。 在 图 书馆 这 个 例子 中 ， 用 户 会 根据 自己 是 否 知道 书 








人 人 简单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


名 来 选择 用 何 种 检索 方式 查询 图 








书 。 也 就 是 说 有 些 用 户 会 直接 检索 书 名 ， 有 些 用 户 会 输入 作者 


名 来 查询 。 不 同 的 情况 下 步骤 并 不 一 样 。 这 些 所 有 可 能 发 生 的 步骤 都 需要 表现 出 来 。 


流程 图 能 够 完整 地 综合 表达 不 同 用 户 在 不 同 的 条 件 下 完成 某 项 任务 所 可 能 采取 的 不 同步 又 和 
策略 选择 的 情况 。 它 描述 的 是 任务 的 整个 过 程 ， 以 及 用 户 在 过 程 中 的 决策 。 








我 们 来 看 看 这 个 大 学 图 书馆 提供 的 目录 检索 系统 ， 它 的 任务 流程 图 是 个 什么 样子 : 








输入 用 户 名 和 口令 


系统 显示 按 作者 名 检索 的 界面 


系统 显示 适合 的 检索 结果 


系统 显示 所 选 图 书 的 资料 












系统 显示 检索 菜单 


系统 显示 根据 书 名 检索 的 界面 






系统 显示 所 选 图 书 的 资料 











一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Is so easy 


了 解 用 户 ， 了 解 需求 





在 上 面 的 流程 图 中 , 蓝 色 的 步骤 表示 系统 的 响应 , 黄色 的 步骤 表示 用 户 的 操作 。 我 们 可 以 看 出 ， 
流程 图 能 够 使 任务 的 整个 操作 步骤 一 目 了 然 。 你 能 够 知道 用 户 在 完成 这 一 任务 时 可 能 的 步 又 和 策 
略 ， 以 及 系统 应 对 其 操作 所 做 出 的 响应 。 这 便于 你 清晰 地 认识 任务 。 


2.4.3 ”理想 和 现实 的 差距 


记 住 ， 不 要 在 任务 描述 中 提 到 关于 技术 方面 的 问题 。 只 有 这 样 ， 你 才能 给 用 户 不 受 约束 的 最 
大 的 思维 空间 ， 去 设想 他 们 最 想 要 的 产品 。 


如 果 用 户 在 关注 任务 的 同时 ， 老 是 不 安 地 问 你 “这 能 不 能 实现 出 来 ? ”、“ 那 个 实施 起 来 有 问 
题 么 ? “， 他 们 的 思维 肯定 会 受到 限制 ， 或 者 不 自觉 地 为 技术 让 步 。 这 样 出 来 的 结果 要 么 就 不 能 令 
他 们 满意 ， 要 么 就 可 能 存在 着 不 同 程度 的 可 用 性 问题 。 


我 们 需要 分 两 方面 来 讨论 这 个 问题 : 
守旧 的 用 户 


在 很 多 情况 下 ， 要 想 完全 抛 开 已 有 的 思维 定式 是 很 困难 的 事情 。 我 总 是 想到 《印第安 纳 
琼斯 》 里 面 那个 场景 : 在 故事 里 ， 悬 崖 上 有 一 条 悬空 的 路 ， 但 由 于 视觉 的 关系 根本 看 不 见 ， 只 有 
万 丈 深 渊 。 没 有 人 敢 走 过 去 , 直到 某 个 人 扬 了 一 把 沙 , 沙子 落 在 透明 的 路 上 产生 了 清晰 的 实地 感觉 ， 
才能 有 勇气 踏 上 去 。 

这 就 是 思维 的 定式 。 如 果 没 有 沙子 铺 成 的 平面 ， 我 就 无 法 相信 这 是 一 条 路 。 设 计 也 是 一 样 ， 用 
户 总 是 会 想到 现 有 的 某 些 相似 产 品 是 如 何 实现 的 ， 他 们 会 下 意识 地 往 那个 方向 去 靠拢 。 你 想 让 他 
们 创造 性 地 给 你 一 个 新 需求 ， 并 不 很 容易 。 

例如 你 要 设计 某 个 网 站 ， 用 户 总 是 会 很 自然 地 联想 到 现 有 网 站 的 运行 方式 ， 或 者 一 些 其 他 网 
站 的 类 似 功能 。 如 果 是 这 种 情况 ， 只 要 他 们 关注 的 是 完成 任务 ， 而 不 是 技术 的 局 限 ， 那 么 就 没 问 
题 。 但 如 果 他 们 总 是 去 考虑 技术 是 否 能 支持 他 们 达到 目标 , 别 让 这 些 束 缚 他 们 。 让 他 们 大 胆 去 售 悍 ， 
只 有 这 样 你 才能 得 到 真正 的 用 户 需 求 。 

过 分 的 用 户 

毫 无 疑问 ， 理 想 和 现实 总 是 有 差距 。 技 术 局 限 总 是 存在 的 ， 用 户 们 大 胆 的 懂 悍 往往 也 会 与 

施 方 面 的 各 种 局 限 相 冲 突 。 


由 于 不 了 解 相关 的 技术 常识 ， 有 些 用 户 又 是 另 一 种 极端 。 例 如 有 些 人 的 要 求 就 很 过 分 : 











将 








人 单 t's so easy 
一 -Web 开发 中 的 可 用 性 和 用 户 体验 





你 并 不 能 说 他 们 是 恶意 的 ,或 者 无 理 取 闹 。 他 们 只 是 不 明白 现实 的 限制 。 
要 以 用 户 为 中 心 ， 但 又 无 法 一 味 迁 就 用 户 。 看 来 ， 做 一 个 好 的 设计 师 真 的 很 不 容易 。 
妥协 还 是 抗争 ? 


所 以 在 你 决策 设计 方案 的 时 候 ， 往 往 需要 对 用 户 的 要 求 和 实施 局 限 这 两 方面 加 以 权衡 ， 并 不 
得 不 加 以 妥协 。 














虽然 这 种 妥协 是 必要 的 ， 但 是 如 果 对 技术 的 妥协 过 多 ， 偏 离 了 用 户 所 希望 的 设计 方向 ， 
就 必然 会 出 现 一 些 可 用 性 问题 。 当 你 对 他 们 说 :“ 我 不 是 神 灯 ， 你 提 到 的 10 个 要 求 里 面 我 
只 能 完成 1 个 ”的 时 候 ， 他 们 肯定 会 很 不 高 兴 。 所 以 在 这 个 地 方 我 们 应 当 遵 循 一 条 原则 ， 
那 就 是 : 


对 用 户 理想 的 完成 任务 方式 的 支持 大 于 对 技术 局 限 的 迁就 。 





也 就 是 说 ， 如 果 某 种 技术 局 限 可 能 会 严重 影响 产品 的 可 用 性 ， 那 么 你 就 应 该 努力 突破 这 种 技 
术 局 限 。 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


了 解 用 户 ， 了 解 需求 










这 个 地 方 可 能 用 户 
会 不 满意 ， 但 实现 那 你 就 必须 实现 它 。 


起 来 真 的 很 麻烦 。 


2.5 ”环境 ? 什么 是 环境 ? 


我 们 在 上 文中 经 常 提 到 一 个 词 :“ 环 境 ”。 





不 ， 这 不 是 生态 环境 ， 也 不 是 自然 环境 ， 我 们 谈 的 是 交互 设计 中 的 “环境 "， 也 就 是 在 任务 过 
程 中 用 户 所 处 的 环境 ， 或 者 说 是 产品 或 服务 的 应 用 环境 。 


每 个 人 都 关注 他 自己 的 目标 和 愿望 ， 这 很 正常 。 但 他 们 还 应 该 考虑 到 ， 在 周围 环境 中 可 能 会 
有 一 些 其 他 的 事情 ， 这 些 事情 可 能 会 影响 到 用 户 使 用 产品 的 结果 。 


自 





看 看 生活 中 常见 的 汽车 报警 器 。 开 发 报警 器 的 人 想 设计 一 个 能 在 汽车 被 盗 或 被 破坏 时 发 出 警报 
的 工具 。 而 作为 购买 者 ， 他 们 只 是 在 考虑 如 何 保护 自己 的 车 。 从 这 两 个 方面 来 说 ， 他 们 都 没有 
问题 。 


但 是 两 者 都 没有 考虑 到 环境 的 因素 。 环 境 是 可 能 其 他 许多 人 都 有 同样 的 报警 器 ， 而 且 除 了 非法 
破坏 之 外 ， 还 有 许多 事件 都 可 能 会 触发 报警 器 。 


当 某 个 报警 器 在 附近 响起 来 的 时 候 ， 你 会 发 现 很 难 辨 别 出 到 底 是 谁 的 车 在 响 ， 也 不 知道 是 不 是 





区 从 简 单 Ifs so easy 








一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 


真 的 有 人 偷 车 或 者 故意 破坏 。 一 般 来 说 大 部 分 情况 下 都 不 是 。 我 们 经 常 听 到 突然 响起 的 警报 声 ， 
在 你 探头 往 窗 外 查看 的 时 候 一 一 仍然 是 宁静 的 夏 日 ， 狗 在 打 着 呵 大 。 


所 以 ， 你 也 看 到 了 ， 这 里 面 似 乎 有 些 问 题 。 想 法 很 合理 ， 产 品质 量 也 没有 问题 ， 但 是 产品 好 
像 并 没有 提供 多 大 价值 …… 其 实 并 不 是 想法 本 身 有 环 症 ， 而 是 因为 设计 者 和 购买 者 都 没有 考虑 到 
更 大 的 环境 。 











当 你 没有 以 用 户 为 中 心 ， 而 只 是 关注 技术 的 时 候 ， 就 如 同一 片 漆黑 的 舞台 ， 只 有 一 台 计算 机 上 
面 打 着 聚光灯 。 我 们 只 能 看 到 人 走 到 聚光灯 下 ， 使 用 计算 机 ， 然 后 离开 ， 再 次 消失 在 黑暗 中 。 他 
或 她 为 什么 来 使 用 计算 机 ， 不 知道 ; 使 用 后 会 发 生 什么 ， 不 清楚 。 在 这 种 情况 下 ， 你 只 能 知道 “这 
个 产品 应 该 做 什么 "， 但 其 他 的 东西 都 无 法 弄 清 。 








而 正确 看 待 这 一 问题 的 方式 是 ， 舞 台 应 该 有 充分 的 光源 ， 照 亮 了 其 他 一 些 角落 。 信 息 、 通 信 
和 工作 在 舞台 上 流动 ， 我 们 能 清楚 地 看 到 它们 来 自 何方 ， 去 向 哪里 ， 在 那些 区 域 当中 会 发 生 什么 
没有 预期 到 的 问题 。 也 就 是 说 ， 当 你 理解 了 产品 和 服务 的 应 用 环境 后 ， 就 会 在 关注 “这 个 产品 应 
该 做 什么 ”的 同时 ， 还 关注 “ 它 如 何 完成 这 些 工作 ”以 及 “ 哪 种 产品 或 服务 会 (更 好 地 ) 支持 完 
成 这 些 工 作 ” 等 问题 。 








所 以 说 ， 环 境 是 十 分 重要 的 。 在 了 解 用 户 需求 的 过 程 中 ， 你 必须 时 刻 关 注 用 户 所 处 的 环境 。 而 
为 了 理解 这 种 应 用 环境 ， 就 必须 研究 它 。 这 意味 着 你 要 与 具有 代表 性 的 用 户 交谈 ， 观 察 他 们 并 且 
分 析 由 此 收集 到 的 数据 。 





2.6 ”做 个 小 结 


这 一 章 所 谈 的 是 交互 设计 的 第 一 个 内 容 : “理解 用 户 的 需要 ， 从 而 建立 明确 的 需求 "。 正确 建 
立 需 求 对 于 交互 产品 的 成 功 是 至 关 重 要 的 。 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


了 解 用 户 ， 了 解 需求 





首先 你 了 解 到 “用 户 ” 和 “客户 ”之 间 的 区 别 。“ 以 用 户 为 中 心 ”的 主要 对 象 是 用 户 ， 也 就 是 
真正 接触 和 使 用 我 们 开发 的 产品 的 人 。 用 户 具 有 人 类 的 共同 特性 ， 但 对 于 产品 来 说 ， 他 们 又 彼此 
不 同 。 让 开发 的 产品 能 适用 于 “每 个 人 ”是 不 可 能 的 。 

然后 我 们 学 习 了 如 何 建造 自己 的 “ 阿 童 木 ”一 一 用 户 模型 。 

在 了 解 用 户 需 求 的 时 候 ， 你 先 得 了 解 用 户 的 “需要 ”。 如 果 大 家 都 不 知道 需要 什么 ， 就 只 能 研 
究 现 有 或 过 去 的 相似 产品 ， 从 中 得 到 启发 。 

需求 也 有 很 多 类 型 ， 包 括 功 能 需求 、 用 户 需求 、 数 据 需 求 、 环 境 需 求 和 可 用 性 需求 等 。 每 个 
产品 都 存在 这 些 不 同 的 需求 ， 所 以 不 要 顾此失彼 。 

此 外 在 收集 需求 的 过 程 中 ， 还 需要 强调 需求 的 “可 衡量 性 ”。 对 每 个 需求 来 说 ， 你 都 要 知道 做 
到 什么 地 步 才 算是 达到 了 目标 。 对 于 那些 完全 不 能 衡量 的 需求 ， 别 在 上 面 浪费 时 间 。 





要 想得到 需求 的 信息 ， 最 常用 的 方法 有 问卷 调查 、 用 户 访谈 、 观 察 和 集体 讨论 。 这 些 技术 或 
方法 都 各 有 其 优 缺 点 ， 所 以 你 可 以 根据 具体 的 情况 综合 选用 、 取 长 补 短 。 


我 想 你 同时 也 了 解 到 了 产品 应 用 环境 的 重要 性 。 在 得 到 了 来 自 于 用 户 的 数据 和 信息 后 ， 你 可 
以 使 用 需求 模板 把 它们 整理 归纳 为 具体 、 明 确 的 需求 记录 。 

最 后 我 们 了 解 到 ， 把 用 户 的 任务 通过 “ 讲 故事 ”或 流程 图 的 方式 描述 出 来 ， 能 够 帮助 用 户 明 
确 说 明 实际 的 工作 ， 也 可 用 于 展望 新 产品 的 使 用 。 

以 上 就 是 确定 需求 这 一 步骤 所 需要 乔 明白 的 知识 。 其 实 这 些 并 不 难 理解 ， 我 们 要 做 的 就 是 多 
和 用 户 接触 ， 通 过 一 些 科学 的 方式 和 用 户 沟通 ， 从 他 们 的 言行 举止 中 了 解 他 们 对 产品 的 看 法 ， 从 
而 将 其 整理 为 规范 的 需求 文档 。 














我 必须 承认 你 干 得 很 棒 。 








文 么 简 单 It's so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 








有 了 需求 ， 我 们 才能 知道 具体 该 如 何 去 做 ， 这 就 是 所 谓 的 “有 的 放 矢 "。 盲 目地 以 自己 的 需求 
或 片面 的 理解 去 为 用 户 “ 设 计 ” 需 求 是 不 明智 的 ， 最 终 出 来 的 成 果 很 可 能 经 不 起 考验 。 如 果 最 终 
满足 不 了 用 户 ， 必 然 也 就 无 法 获得 经 济 上 的 收益 。 赚 不 了 钱 的 产品 还 不 如 不 开发 。 所 以 ， 要 想 开 
发 优秀 的 产品 ， 第 一 步 就 是 要 明白 自己 该 怎么 做 。 


那么 现在 你 应 该 明白 了 “用 户 想 要 什么 ”和 “我 们 要 做 什么 "。 掌 握 了 这 些 之 后 ， 我 们 该 进入 
哪 一 个 步骤 呢 ? 就 这 么 直接 开始 正式 的 设计 工作 无 疑 是 鲁莽 的 ， 因 为 你 的 思路 还 没有 获得 验证 。 
产品 的 开发 需要 耗费 大 量 的 时 间 、 物 力 以 及 财力 ， 如 果 在 最 终 发 现 与 用 户 的 期 望 相差 太 远 ， 这 一 
定 是 任何 人 都 不 愿意 看 到 的 。 为 了 避免 这 种 情况 的 发 生 ， 你 就 必须 在 正式 开始 设计 之 前 对 自己 的 
思路 进行 验证 。 你 需要 先 提 出 你 认为 能 够 满足 用 户 需 求 的 构思 ， 然 后 把 这 些 构思 展示 给 用 户 ， 让 
他 们 来 评判 是 否 合适 。 





展示 构思 最 经 济 有 效 的 方法 就 是 设计 和 制作 原型 。 


个 王 


第 二 章 
设计 方案 和 制作 原型 


我 们 甚至 可 以 用 钢笔 、 铅 笔 橡 皮 、 便 条 纸 和 名 上 
be 来 当 作 原型 进行 方案 的 讨论 。 
晶 
醒 这 是 确实 存在 的 专业 技术 ! 它 叫做 “PICTIVE”。 


文 多 简 单 Its so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 





我 们 之 前 说 过 ， 用 户 往往 不 能 准确 地 描述 自己 的 需要 。 这 不 是 说 他 们 笨 或 傻 ， 只 是 因为 他 们 
作为 用 户 并 不 具备 开发 者 所 具有 的 认识 。 






对 不 起 ， 我 看 不 出 这 个 设计 怎 
么 样 ， 也 许 你 可 以 范 做 个 东西 


而 一 旦 他 们 看 到 或 尝试 了 某 些 事物 之 后 ， 就 能 立即 知道 自己 需要 什么 ， 不 需要 什么 。 他 们 可 
以 指 着 某 些 地 方 告诉 你 :“ 这 玩意 让 我 迷惑 "、“ 那 个 很 讨厌 ”或 者 “你 说 我 能 把 它 打 印 出 来 ， 但 是 
打印 按钮 在 哪里 ?” 


但 是 ,如 果 等 到 一 切 都 做 好 了 之 后 再 拿 去 让 他 们 指出 问题 就 有 点 晚 了 。 你 已 经 投入 了 很 多 时 间 、 
精力 和 金钱 ， 万 一 用 户 并 不 接受 ， 难 道 就 意味 着 一 切 都 要 从 头 来 过 ? 


这 里 面 似乎 仍 差点 什么 东西 。 这 就 如 同 我 们 必须 去 找 把 梯子 才能 修 吊 灯 ， 不 是 吗 ? 


3.1 为 什么 ， 以 及 怎么 做 


在 装修 房子 的 时 候 ， 装 修 设计 师 只 口头 叙述 房间 如 何 布置 是 不 够 的 。 我 们 中 的 大 部 分 人 可 能 都 

不 能 根据 他 的 描述 形成 鲜明 的 印象 。 设 计 师 也 不 可 能 说 “好 ， 等 着 ”然后 把 房子 装修 好 ， 再 打 

开门 让 我 们 进去 。 万 一 我 们 不 满意 怎么 办 ? 这 所 有 的 木料 、 瓷 砖 、 吊 顶 包 括 灯 具 、 线 路 可 能 全 
部 得 拆 掉 重 来 。 没 有 人 会 这 么 变 干 。 


那 他 们 在 这 种 情况 下 会 怎么 做 呢 ? 他 们 会 绘制 出 
平面 图 并且 用 三 维 软件 制作 出 最 终 的 效果 ， 可 
能 还 包含 多 个 视角 。 这 一 切 都 是 为 了 让 你 能 够 一 
目 了 然 地 理解 他 们 的 设计 意图 ， 并 且 看 到 其 模拟 
出 来 的 效果 。 通 过 这 一 方式 你 就 能 很 清楚 地 了 解 
设计 师 的 构思 ， 也 能 很 明白 地 告诉 他 : 墙 面 似乎 
太 花 哨 、 吊 灯 应 该 更 有 工业 感 等 等 。 而 设计 师 也 
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不 用 懂 ， 因 为 现在 还 没有 开工 。 他 所 要 做 的 只 是 修改 构思 ， 再 绘制 一 些 效果 图 就 够 了 ， 这 
并 不 会 花费 太 多 时 间 。 


这 种 装修 的 效果 图 就 是 一 种 “原型 ”(prototype)。 为 了 让 用 户 能 够 有 效 地 评估 你 的 设计 ， 你 
就 应 该 根据 自己 的 构思 来 制作 一 个 大 概 的 草案 版 本 ， 然 后 展现 给 用 户 。 

别 被 “原型 ”这 个 词 吓 倒 ， 它 并 不 复杂 ， 只 是 设计 过 程 中 的 一 个 辅助 “道具 ”而 已 。 它 可 以 
是 画 在 纸 上 的 一 组 屏幕 草图 ， 也 可 以 是 通过 超 链接 显示 的 简略 图 像 。 原 型 就 是 一 个 候选 的 设计 方 
案 而 已 ， 你 也 不 用 做 得 多 么 完善 一 一 只 要 把 你 的 设计 意图 充分 表现 出 来 就 行 。 





所 以 ， 别 一 想到 “原型 ”就 头疼 。 制 作 原 型 并 不 需要 繁琐 的 过 程 或 者 麻烦 的 编程 ， 它 只 是 一 
种 与 用 户 交 流 的 途径 ， 确 认 我 们 对 他 们 的 理解 是 正确 的 。 很 多 网 站 设计 公司 在 项 目 开始 的 时 候 都 
会 在 策划 方案 里 面 绘制 一 些 网 页 框图 ， 用 以 向 客户 表示 网 页 的 具体 结构 。 这 种 用 Word 在 几 分 钟 内 
就 能 完成 的 东西 其 实 就 是 一 个 原型 ， 只 不 过 很 多 人 没有 意识 到 而 已 。 


联系 我 门 | 站 点 地 图 | 在 线 帮 助 
”公司 简介 ”| 产品 展示 。 | 成功 案例 | 解决 方案 


公司 简介 正文 。 





网 页 结构 图 也 是 一 种 原型 
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在 与 用 户 讨论 设计 的 时 候 ， 原 型 是 非常 有 用 的 辅助 物 。 而 且 有 了 它 之 后 ， 你 与 其 他 开发 人 员 
之 间 的 交流 也 会 方便 很 多 ， 也 能 够 帮助 你 们 选择 不 同 的 设计 方案 。 例 如 你 可 以 指 着 原型 上 的 某 个 
按钮 说 :“ 它 应 该 从 这 里 移 到 这 里 ， 因 为 刚才 那个 用 户 说 他 没有 注意 到 这 个 按钮 。 


另 一 方面 ， 如 果 用 户 执意 希望 某 种 其 实 并 不 好 的 设计 ， 你 也 可 以 制作 相关 的 原型 来 让 他 们 
自己 尝试 一 下 ， 看 看 到 底 会 出 现 什么 样 的 情况 或 错误 。 这 样 明显 更 有 说 服 力 ， 而 且 也 表现 得 更 
有 诚意 。 


在 我 们 之 前 提 到 的 “交互 设计 的 4 个 内 容 ” 中 ， 原 型 包括 了 其 中 的 两 个 方面 : “开发 满足 需 
求 的 一 些 候选 设计 方案 ”和 “制作 设计 方案 的 原型 "。 对 应 的 ， 我 也 分 别 向 你 解释 这 两 个 过 程 。 


第 一 个 过 程 是 开发 “概念 模型 "。 这 一 阶段 主要 关心 的 是 描述 产品 做 什么 ， 如 何 工作 ; 第 二 个 
过 程 则 是 物理 实体 方面 的 设计 ， 也 就 是 具体 的 界面 设计 ， 关 注 的 是 细节 ， 例 如 屏幕 和 菜单 的 结构 、 
图 标 和 图 形 等 等 。 这 也 是 一 个 迭代 的 过 程 ， 你 将 要 重复 以 下 步骤 : 


-©@-— © 


在 此 之 前 我 们 先 看 看 在 工作 中 可 能 会 遇 到 哪些 原型 。 


3.2 初级 原型 和 高 级 原型 


根据 设计 的 目的 ， 以 及 制作 上 的 难 易 程度 ， 我 们 可 以 把 原型 分 为 初级 原型 和 高 级 原型 。 这 种 分 
类 也 代表 了 原型 模拟 程度 的 高 低 。 所 以 如 果 你 愿意 的 话 ， 也 可 以 把 初级 原型 称 为 低 保 真 原型 ， 把 
高 级 原型 称 为 高 保 真 原型 。 





3.2.1 初级 原型 很 重要 一 一 初级 原型 的 多 种 形式 


初级 原型 ， 或 者 说 低 保 真 原型 ， 指 的 是 与 最 终 产品 不 太 相似 的 原型 ， 甚 至 根本 就 无 法 使 用 。 对 
于 工业 设计 来 说 ， 初 级 原型 连 使 用 的 材料 都 不 一 定 需 要 与 最 终 产 品 相同 。 


在 设计 Palm Pilot 掌上 电脑 的 时 候 , 设计 师 用 木头 雕刻 了 一 个 与 设想 的 形状 、 大 小 相仿 的 模型 。 
他 把 这 个 模型 随身 携带 ， 在 各 种 地 方 “ 假 装 ” 输 入 信息 ， 从 而 体验 拥有 这 么 一 种 设备 时 是 个 什 
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么 感觉 。 


这 个 木头 玩意 就 是 一 种 初级 原型 。 非 常 简单 ， 甚 至 有 些 奇 怪 。 但 是 它 能 够 模拟 使 用 场景 。 之 
前 你 看 到 的 网 页 结构 框图 也 是 一 样 ， 它 与 最 终 的 页 面 之 间 还 有 很 大 的 距离 ， 用 户 不 能 仅 靠 这 个 框 
图 就 能 使 用 网 站 。 


但 是 ， 用 户 能 够 凭借 这 些 简单 、 粗 略 、 然 而 却 又 是 明显 的 原型 来 产生 最 直观 的 概念 。 比 如 说 
某 些 人 可 能 觉得 那个 木头 掌上 电脑 拿 在 手 里 像 块 砖头 ， 那 么 设计 师 就 会 去 考虑 是 否 可 以 把 产品 的 
外 形 尺 寸 再 缩小 一 些 。 


在 前 面 那 个 简略 的 网 页 结构 框图 中 ， 也 许 用 户 会 感觉 在 主 窗口 放置 那么 大 一 副 公司 图 片 似乎 
有 点 夸张 ， 那 么 他 们 就 能 马上 提出 来 。 而 如 果 你 没有 给 用 户 图 例 ， 仅 仅 只 是 说 “我 会 在 主 窗口 放 
一 副 大 尺寸 的 公司 照片 ， 这 样 可 以 增加 感染 力 ”， 那 么 用 户 就 不 会 对 这 个 所 谓 的 “大 尺寸 ”有 什么 
直观 的 感觉 。 没 有 直观 感觉 就 不 会 提出 意见 ， 那 么 在 最 终 网 页 设计 完成 之 后 用 户 再 提 意 见 的 时 候 ， 
美术 设计 师 和 页 面 制作 人 员 就 得 花费 一 定 精力 去 修改 了 。 


初级 原型 的 优点 是 简单 、 便 宜 、 易 于 制作 ， 这 就 意味 着 它 易于 修改 ， 从 而 适用 于 我 们 尝试 不 
同 的 设计 方案 。 而 且 正 因为 它 没有 修饰 ， 所 以 用 户 能 够 把 注意 力 集中 在 你 所 展示 的 部 分 。 在 产品 
开发 的 初期 ， 这 种 灵活 的 原型 非常 适合 于 各 种 探索 、 尝 试 和 修改 。 


初级 原型 有 很 多 形式 ， 任 何人 都 能 够 制作 它们 : 


草图 ,或 者 说 涂鸦 


初级 原型 可 能 会 用 到 很 多 草图 。 对 美术 设计 师 来 说 这 当然 是 “洒洒 水 ”而 已 ， 但 如 果 是 程序 
人 员 或 者 项 目 经 理 ， 他 们 拿 着 笔 的 时 候 也 许 就 会 有 些 挠 头 。 但 这 只 是 草图 而 已 ， 不 是 艺术 品 ， 哪 
怕 是 小 孩 的 涂鸦 , 只 要 他 们 画 出 了 特征 , 我 们 就 能 看 懂 。 所 以 , 千 万 别 对 自己 的 绘制 能 力 失去 信心 。 


一 般 而 言 草图 都 是 非常 简略 的 ， 类 似 符号 和 图 标 ， 而 且 更 为 抽象 。 任 何人 都 能 画 出 草图 ， 例 
如 下 面 这 个 : 


男性 用 户 和 女性 用 户 
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咽 ， 我 觉得 这 个 画 得 还 蛮 不 错 的 。 别 跟 我 说 你 连 这 种 草图 都 画 不 出 来 。 


你 有 时 候 可 能 需要 绘制 一 些 人 、 物 (例如 计算 机 、 书 本 、 打 印 机 ) 和 动作 (例如 发 送 、 查 找 
和 传输 数据 )。 如 果 是 绘制 界面 草图 ， 你 还 需要 画 出 一 些 图 标 或 者 对 话 框 等 等 。 和 前 面 一 样 ， 你 不 
需要 精 雕 细 琢 。 以 下 是 一 些 例子 ， 花 个 几 分 钟 就 能 做 得 很 好 。 


(Coote ee 






































这 种 原型 更 专业 的 称谓 是 “情节 串 连 图 "。 情 节 串 连 图 通常 与 场景 (也 就 是 “ 讲 故 事 ”) 结合 使 用 。 


所 谓 情节 串 连 图 ， 就 是 画 出 一 系列 的 草图 (连环 画 )， 说 明 用 户 使 用 产品 来 执行 任务 的 过 程 。 
这 种 连环 画 需要 包括 具体 的 人 物 和 环境 。 


之 所 以 要 绘制 情节 串 连 图 ， 是 因为 它 能 够 补充 更 多 的 细节 (记得 “一 幅 图 顶 得 上 1024 个 字 ” 
这 句 话 吧 )。 看 着 图 ， 用 户 就 能 通过 一 种 “角色 扮演 ”的 方式 把 自身 代入 到 场景 里 面 ， 逐 步 体 验 场 
景 和 交互 的 过 程 。 这 种 更 为 具体 的 方式 能 够 让 你 和 用 户 都 有 更 大 的 几率 发 现 问题 。 


例如 下 面 这 个 情节 串 连 图 ， 它 描述 了 我 之 前 举 的 一 个 例子 一 一 用 户 去 某 家 书店 购买 图 书 。 
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3. 使 用 查询 终端 的 人 很 多 





4. 提示 需要 用 户 名 和 口令 





很 明显 图 没有 画 完 。 但 从 这 几 幅 (可 以 说 很 简陋 的 ) 图 里 面 我 们 已 经 很 清楚 地 看 到 了 一 些 问题 : 

@ ”由 于 周末 顾客 量 较 大 ， 用 户 在 尝试 使 用 查询 系统 的 时 候 很 可 能 得 排队 ， 也 就 是 要 被 迫 等 待 
一 段 时 间 。 这 时 候 他 们 肯定 不 会 很 愉快 。 

@ 不 太 愉 快 的 原因 同时 也 可 能 在 于 之 前 在 陈列 架 上 寻找 图 书 未 果 ， 用 户 被 迫使 用 查询 系统 。 


@。 用户 名 和 口令 在 此 处 显得 非常 突 元 。 为 什么 需要 用 户 名 和 口令 ? 


我 认为 这 个 难度 也 不 大 ， 不 是 吗 ? 
制作 卡片 

在 开发 Web 或 Web-based 产品 的 时 候 ， 最 常用 的 办 法 是 制作 卡片 。 

制作 卡片 ， 就 是 把 纸张 裁剪 成 一 些 A5 大 小 的 卡片 (当然 你 可 以 随意 指定 卡片 的 大 小 )， 然 后 
把 已 经 初步 设计 好 的 界面 草图 绘制 在 卡片 上 。 一 张 卡片 代表 一 个 屏幕 截图 ， 或 者 任务 的 一 个 步骤 。 
你 需要 把 这 些 卡 片 依 次 展示 给 用 户 ， 根 据 他们 的 不 同 选择 (也 就 是 虚拟 的 “操作 ”) 给 他 们 不 同 的 
卡片 ， 表 示 不 同 的 结果 。 

这 就 有 点 真正 “交互 ”的 意思 了 : 用 户 进行 “操作 ”然后 得 到 相应 的 结果 。 在 后 面 我 会 给 出 
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一 个 具体 的 例子 ， 说 明 如 何 使 用 这 类 原型 。 


模拟 界面 


模拟 界面 还 有 个 名 称 叫做 “Wizard of Oz ( 奥 兹 国 的 巫师 ， 来 自 《绿野仙踪 》) ”系统 。 它 其 
实 就 是 “制作 卡片 ”， 只 不 过 这 次 的 卡片 不 是 纸 做 的 ， 而 是 在 计算 机 上 显示 。 


当然 ， 这 些 界 面 同样 也 不 是 真正 的 产品 ， 它 们 都 是 事先 “ 画 ” 出 来 的 。 在 这 里 面 也 没有 真正 的 
交互 。 用 户 坐 在 计算 机 前 “操作 ”这 个 原型 ， 就 好 像 看 到 的 是 真正 的 产品 界面 ， 但 实际 上 这 人 台 计 
算 机 被 连接 到 另 一 台 计 算 机 上 。 在 那 边 有 一 个 操作 员 通 过 用 户 的 举动 来 选择 需要 展现 的 界面 ， 然 
后 在 用 户 的 机 器 上 显示 。 这 种 响应 其 实 都 是 人 为 的 。 


这 其 实 就 跟 卡 片 模拟 一 样 ， 只 不 过 你 没有 说 “好 ， 稍 等 ， 我 找 找 现在 应 该 给 你 看 的 卡片 "。 这 
一 切 都 隐藏 在 那 台 机 器 上 面 ， 用 户 并 不 知道 下 一 个 界面 出 现 的 过 程 。 































稍 等 会 儿 您 就 能 使 用 我 们 
的 Wizard of Oz 系统 了 。 





模拟 界面 的 好 处 是 ， 直 接 面 对 计算 机 “操作 ” 比 卡片 更 为 真实 ， 有 助 于 用 户 更 顺利 地 “代入 ” 
自己 的 情感 ， 就 好 像 确实 在 使 用 一 样 。 


通过 上 述 的 这 些 初 级 原型 ， 你 就 能 判断 用 户 使 用 时 的 心理 ， 而 且 可 以 验证 界面 元 素 是 否 合适 、 
功能 是 否 充分 。 但 是 ， 它 们 毕竟 是 初级 的 、 低 保 真 度 的 原型 ， 你 不 能 通过 它们 体现 出 用 户 使 用 时 
的 速度 .效率 (例如 软件 的 响应 时 间 )。 其 他 一 些 方面 的 特征 也 无 法 体现 ,例如 声音 和 美术 设计 等 等 。 


不 过 ， 初 级 原型 最 大 的 优势 就 是 简单 方便 ， 你 能 快速 地 获得 反馈 意见 。 所 以 它们 仍然 有 很 高 
的 价值 。 


3.2.2 ”高 级 原型 同样 重要 
相对 于 初级 原型 来 说 ， 高 级 原型 与 最 终 的 产品 更 为 接近 。 如 果 说 木头 方块 是 掌上 电脑 的 初级 
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原型 ， 那 么 它 的 高 级 原型 就 是 带 有 按键 的 高 精度 模型 。 


在 你 去 逛 手 机 店 的 时 候 ， 售 货 员 小 姐 不 会 直接 就 把 真 机 给 你 看 。 她 会 递 给 你 一 个 手机 的 精 模 ， 
外 观 几乎 和 真 机 一 模 一 样 。 很 明显 ， 这 么 一 个 精致 的 模型 肯定 比 木头 块 要 好 得 多 。 这 就 是 用 户 体 
验 高 级 原型 的 方式 一 一 除了 功能 之 外 ， 其 他 一 切 都 模拟 得 惟妙惟肖 。 


既然 需要 做 到 惟妙惟肖 ,那么 仍然 使 用 纸张 或 卡片 就 显然 达 不 到 要 求 了 。 你 需要 用 到 一 些 工 具 。 
常用 的 原型 制作 工具 有 Director( 现 在 应 当归 于 Adobe 公 司 旗下 了 )、Visual Basic 和 SmallTalk 等 等 。 
这 些 软 件 拥 有 很 完善 的 开发 环境 ， 功 能 强大 ， 制 作 起 来 也 能 得 心 应 手 。 你 甚至 可 以 只 需 简 单 地 拖 
放 图 形 元 素 就 能 组 建 图 形 界面 ， 而 不 必 编 写 任何 代码 。 


高 级 原型 其 实 也 可 以 看 作 是 “Wizard of Oz” 的 智能 版 。 当 用 户 进行 了 某 个 操作 之 后 ， 原 
型 能 够 自我 响应 ， 而 不 再 需要 有 人 在 背后 操纵 。 其 实 系统 仍然 不 是 真 的 在 工作 ， 这 一 切 也 还 是 
模拟 出 来 的 效果 一 一 它 其 实 还 是 一 个 木偶 ， 只 不 过 我 们 事先 花 了 一 些 精力 使 它 能 够 进行 自我 控 
制 。 


通过 这 些 软件 制作 高 级 原型 ， 其 实 也 就 是 通过 软件 告诉 这 些 界面 ， 在 用 户 的 什么 操作 后 需 
要 出 现 什么 结果 。 这 些 都 是 事先 制定 好 的 。 但 在 用 户 的 眼睛 里 ， 它 基本 上 就 是 最 终 的 产品 。 


对 于 Web 或 Web-based 产品 来 说 ， 制 作 高 级 原型 则 更 为 方便 。 因 为 它们 本 身 都 是 通过 Web 
浏览 器 来 使 用 ， 使 用 超 文本 链接 来 连接 各 种 界面 和 元 素 。 甚 至 可 以 说 ， 制 作 高 级 原型 和 真正 的 网 
页 产品 使 用 的 工具 都 是 一 样 的 ， 例 如 Dreamweaver。 你 只 需 有 一 点 网 页 制作 的 基本 功 就 能 够 制作 
高 级 原型 ， 所 用 到 的 元 素 也 无 非 就 是 表格 、 超 链接 和 按钮 之 类 。 当 然 了 解 一 点 JavaScript 会 更 加 
合适 。 


此 外 ，Macromedia 的 Flash 也 是 一 个 强 有 力 的 工具 。 软 件 提供 了 非常 强大 的 图 形 设计 功能 ， 
而 且 自 身 就 提供 很 多 界面 控件 ， 根 本 不 用 你 去 制作 。 最 重要 的 是 ， 它 的 脚本 控制 能 力 对 于 简单 的 
模拟 界面 交互 简直 易如反掌。 


在 Flash 中 ， 你 只 需要 把 每 个 可 能 显示 的 界面 绘制 出 来 ， 然 后 逐一 放 到 每 一 帧 中 去 。 你 可 以 用 
很 简单 的 脚本 控制 界面 中 的 按钮 ， 告 诉 它们 当 用 户 点 击 时 应 该 跳 到 哪 一 帧 。 那 一 帧 所 显示 的 就 是 
应 该 出 现 的 界面 。 你 还 能 够 加 入 声音 、 动 画 等 其 他 界面 元 素 。 


例如 下 面 的 Flash 模拟 界面 。 在 第 一 帧 我 放 了 一 个 系统 的 登录 界面 ， 而 第 二 帧 则 是 该 系统 的 
首页 。 在 第 一 帧 里 面 , “登录 ”按钮 的 脚本 告诉 它 “ 当 用 户 点 击 后 ， 场 景 跳 到 后 面 一 帧 ”。 就 
这 么 简单 。 
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用 户 管理 
对 健 用 本 大和 的 用 户 流行 芝 下 和 闪 各 。 


证 否 上 让 玫 得 于 工作 更 有 效 本 。 
ee 
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虽说 高 级 原型 有 种 种 的 优势 ， 但 也 有 一 些 专家 认为 它 仍然 存在 很 多 问题 。 比 如 说 : 


@ ”制作 时 间 长 


高 级 的 东西 总 是 要 花费 大 把 的 时 间 。 


@ ”评估 的 时 候 更 容易 专注 于 表面 问题 ， 而 不 是 产品 的 本 质 
高 级 原型 做 得 太 “ 以 假 乱 真 ”的 话 ， 用 户 可 能 会 过 多 注意 那些 图 形 、 美 术 和 表现 力 等 方面 。 但 
是 你 的 目的 是 为 了 让 用 户 判断 产品 是 否 满足 其 使 用 的 需要 。 


@ ”开发 人 员 不 愿意 修改 花 了 很 长 时 间 才 制作 出 的 东西 
很 自然 ， 我 花 了 十 天 时 间 和 无 数 心血 做 了 这 么 精美 的 一 个 玩意 ， 你 们 说 不 好 用 就 给 否决 了 ? 


然后 我 要 再 花 十 天 ? 


@ 高 级 原型 有 可 能 会 把 目 


标定 得 过 高 


一 切 愿 望都 是 美好 的 。 制 作 原 型 的 时 候 不 需要 考虑 真正 的 实现 问题 ， 所 以 原型 越 精致 ， 就 越 
会 投入 精力 ， 同 时 也 就 更 加 容易 加 入 自己 的 想法 ， 哪 怕 是 天 马 行 空 。 但 最 后 很 可 能 实现 不 了 。 


@ 高 级 原型 中 的 一 个 错误 就 可 能 打 断 整个 评估 过 程 





精密 的 东西 总 是 更 有 可 能 


H 错 ， 越 高 级 的 东西 很 明显 也 越 难以 修改 。 如 果 在 评估 过 程 中 发 现 


原型 出 了 毛病 ， 你 很 可 能 要 对 用 户 说 :“ 真 对 不 起 ， 我 需要 一 到 两 天 的 时 间 修 改 它 ， 所 以 今天 
就 到 这 里 吧 。 至 于 你 们 到 这 里 来 路 上 所 花 的 两 个 小 时 ……” 


在 这 里 我 列 出 了 一 张 表 ， 概 括 了 初级 和 高 级 原型 的 优 缺 点 : 





开发 成 本 低 可 发 现 的 错误 不 多 

方便 快捷 ， 随 时 能 体现 设计 概念 不 能 作为 具体 的 设计 规范 
初级 原型 便于 和 用 户 交流 建立 需求 后 ， 作 用 有 限 

能 获得 快速 的 反馈 意见 可 能 会 漏 掉 很 多 可 用 性 方面 的 问题 
适用 于 搜集 用 户 的 需求 不 能 完整 地 展示 任务 流程 
受到 制作 物件 的 影响 

包含 完整 的 功能 开发 成 本 很 高 

完全 可 交互 制作 耗 时 
高 级 原型 用 户 可 以 自主 操作 有 了 时候 可 能 很 难 修改 
CC 体现 了 了 明确 的 任务 流程 不 太 适 于 搜集 需求 

用 户 能 获得 最 终 产 品 的 使 用 体验 

适用 于 探索 和 测试 


注意 , 列 这 张 表 的 目的 不 是 在 告诉 你 哪 种 原型 更 好 。 初 级 原型 代替 不 了 高 级 原型 , 反之 也 一 样 。 
在 探索 产品 的 内 容 和 结构 时 (或 者 在 刚 开 始 面 对 某 个 问题 时 ) ， 你 应 该 使 用 简便 、 便 宜 的 初级 原型 ， 
但 当 问题 已 经 研究 到 了 某 个 阶段 ， 你 需要 考虑 细节 ， 或 者 向 其 他 人 讲解 设计 的 时 候 ， 仍 然 得 使 用 
高 级 原型 〈 即 使 会 比较 麻烦 ) 。 


3.2.3 ” 咽 ， 不 过 原型 仅仅 只 是 原型 


记 住 ， 设 计 和 制作 原型 只 是 正式 开发 工作 之 前 的 一 个 阶段 。 这 个 阶段 的 目的 ， 是 为 了 “快速 
制作 某 个 东西 ， 从 而 测试 产品 的 某 些 方面 "。 它 是 一 个 权衡 折 圳 的 产物 。 正 因为 初级 和 高 级 原型 都 
存在 着 这 样 那样 的 缺点 ， 所 以 它们 都 无 法 代替 最 终 的 设计 成 品 ， 这 是 毋 良 置 疑 的 。 






































原型 只 能 帮 你 搜集 到 更 多 信息 ,这 些 信息 用 于 改进 原型 。 当 原型 基本 上 能 够 满足 所 有 的 情况 时 ， 
你 才能 进行 正式 的 开发 工作 。 
在 制作 原型 的 时 候 , 你 也 可 以 从 另 一 个 角度 对 它们 进行 分 类 ,分 别 是 “水 平原 型 "和 “垂直 原型 ”。 
@ 水 平原 型 展示 了 产品 的 绝 大 部 分 功能 ， 但 都 不 详细 。 这 是 一 种 横向 的 角度 。 在 对 用 户 展 
示 整 个 产品 的 设计 概念 时 ， 你 需要 让 他 们 了 解 产品 的 每 一 个 部 分 ， 它 们 的 结构 以 及 相互 之 
间 的 关系 。 这 种 时 候 水 平原 型 最 合适 不 过 ， 因 为 这 个 时 候 没 有 必要 对 某 一 部 分 进行 详细 分 
析 ， 你 们 关注 的 是 整个 层面 的 问题 。 





@ ”与 之 相反 ,垂直 原型 只 展示 一 小 部 分 功能 ， 但 足够 详细 。 它 是 一 种 纵深 的 概念 。 在 用 户 
开始 把 注意 力 放 在 某 些 详细 功能 上 面 的 时 候 ， 你 就 需要 把 垂直 原型 展示 给 他 们 ， 然 后 一 起 
探讨 相关 的 细节 问题 。 
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从 这 个 角度 来 说 ， 不 存在 一 个 既 “ 水 平 ”又 “垂直 ”的 全 面 原型 。 因 为 一 旦 你 把 所 有 设计 都 
集中 在 这 个 原型 里 面 ， 它 就 变 成 一 个 “成 品 ” 了 ， 那样 等 于 说 你 根本 就 没有 制作 原型 这 一 过 程 。 
你 会 耗费 大 量 的 时 间 来 制作 它 ， 直 到 时 间 和 各 种 资源 以 及 你 的 感情 都 不 允许 你 把 它 抛 弃 。 

也 就 是 说 ， 你 会 不 由 自主 地 对 它 进行 反复 的 修改 ， 而 不 是 仅仅 把 它 作 为 一 个 参考 。 当 出 现 了 


问题 的 时 候 ， 你 会 疲 于 弥 补 之 前 的 错误 。 这 会 浪费 很 多 时 间 ， 最 终 的 成 果 也 很 难 令 人 满意 。 这 一 
点 我 们 在 本 章 第 一 节 就 讨论 过 。 




















你 可 能 会 这 么 想 : "也许 我 能 从 原型 开始 ， 到 最 后 把 它 直接 变 成 最 终 的 产品 ”或 者 : “把 几 个 
垂直 原型 拼 到 一 块 ， 不 就 是 成 品 了 吗 ? ” 


有 些 公司 确实 是 这 么 做 的 ， 但 我 认为 并 不 合适 。 因 为 原型 本 身 是 一 种 折 圳 的 产物 ， 并 不 是 产 
品 的 锥 形 。 它 只 是 一 个 “外 壳 ”"， 而 里 面 是 空 的 。 尽 管 原型 也 需要 让 用 户 来 评估 ， 但 评估 的 主要 精 
力 是 放 在 如 何 完成 任务 方面 ， 并 不 是 产品 的 质量 。 


而 且 在 制作 原型 的 过 程 中 ， 你 可 能 经 常 都 会 做 一 些 让 步 。 这 些 让 步 不 是 很 明显 ， 甚 至 你 自己 
都 会 忘掉 〈 甚 至 意识 不 到 ) 做 过 哪些 让 步 。 例 如 下 面 这 些 隐藏 的 问题 ; 


@ ”原型 内 部 结构 的 设计 可 能 不 够 完善 
你 可 能 只 考虑 了 这 个 原型 所 包含 的 几 个 功能 ， 但 没有 考虑 它们 能 与 其 他 功能 之 间 的 关系 。 


@ ”有 可 能 包含 一 些 错综复杂 的 代码 
你 在 制作 原型 的 时 候 可 能 会 想 : “毕竟 这 只 是 个 原型 ， 这 些小 毛病 等 我 到 后 面 正式 开发 的 时 候 
肯定 会 修正 过 来 。” 但 说 不 定 第 二 天 吃 早餐 的 时 候 你 就 忘 了 。 


@ ”功能 划分 不 一 定 合理 
不 同 的 开发 人 员 在 制作 原型 的 时 候 可 能 只 关注 于 自己 那 一 部 分 。 如 果 把 不 同 开发 者 制作 的 原 
型 拼凑 到 一 起 ， 很 可 能 会 出 现 重复 甚至 排斥 的 情况 。 


如 果 在 项 目 开始 的 时 候 整 个 部 门 就 仔细 地 规划 ， 进 行 了 详细 的 预先 定义 ， 那 么 你 也 许可 以 把 原 
型 逐步 演变 为 最 终 产 品 。 但 是 这 个 方法 会 使 测试 和 维护 问题 成 为 日 后 的 隐患 。 可 能 最 终 你 仍 会 发 现 ， 
产品 的 质量 还 是 下 降 了 。 


不 过 , 有 时 候 你 也 需要 “抢滩 登陆 ”"。 如 果 你 开发 的 是 一 个 创新 的 设备 , 那么 尽早 推出 一 个 “ 足 
够 好 ”的 产品 来 占领 市 场 ， 也 要 比 晚 竞争 对 手 两 个 月 上 市 好 得 多 (即使 你 那 时 推出 的 质量 更 好 )。 
因为 它 的 价值 更 多 在 于 “新 ”。 这 也 是 很 多 软件 Demo 版 就 面市 的 原因 之 一 。 
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3.3 概念 设计 ， 或 者 说 初步 设计 


之 前 我 们 谈 到 了 很 多 原型 的 设计 和 制作 方法 。 那 么 ， 在 哪个 阶段 使 用 这 些 原型 ? 如 何 使 用 它 
们 ? 现在 我 们 就 来 讨论 一 下 这 些 问 题 。 


不 过 让 我 先 海 清 一 个 事实 。 
3.3.1 伙计 们 ， 让 我 们 先 考虑 功能 


当 要 开发 一 个 Web 或 Web-based 产品 的 时 候 ， 很 多 设计 人 员 总 是 马上 开始 试图 确定 它 看 上 
去 会 怎样 。 他 们 中 间 有 的 用 纸 笔 或 Photoshop 勾画 设计 ; 有 的 用 Dreamweaver 安排 产品 的 外 观 
和 控件 ; 还 有 些 人 直接 就 开始 编写 实际 的 实现 代码 。 


但 是 ， 一 开始 就 去 担心 外 观 是 本 末 倒 置 的 。 那 样 很 诱 人 ， 但 事实 证 明 那 常常 是 一 个 错误 。 届 
服 于 这 种 诱惑 会 导致 产品 可 能 “看 上 去 很 美 "， 但 却 缺乏 必要 的 功能 ， 里 面 还 可 能 有 许多 组 件 和 国 
数 与 用 户 要 完成 的 工作 毫 不 相干 。 而 且 这 种 产品 对 用 户 来 说 感觉 好 像 是 一 时 兴起 的 产物 ， 因 此 很 
难 学 习 和 使 用 。 


所 以 你 应 当 首 先 考 虑 功能 ， 然 后 才 是 表示 。 


但 别 误会 ! 这 句 话 并 不 是 说 你 要 “首先 设计 并 实现 功能 ， 然 后 再 担心 用 户 界面 "。 很 多 程 
序 设 计 人 员 和 项 目 管理 人 员 一 直 都 秉持 这 种 看 法 ， 也 就 是 功能 比 界面 更 重要 。 这 同样 是 错误 的 。 
靠 这 种 想法 无 法 制作 出 成 功 的 软件 。 用 户 界面 可 不 是 在 项 目 开 发 结束 的 时 候 才 需 要 “担心 ”或 添 
加 的 什么 东西 。 我 们 整 本 书 就 在 讨论 用 户 界面 设计 ， 你 认为 呢 ? 


“首先 考虑 功能 ， 然 后 才 是 表示 ”这 句 话 的 正确 意思 是 ， 你 应 当 在 考虑 用 户 界面 的 外 观 之 前 先 考 
虑 产品 的 目标 、 结 构 和 功能 。 在 这 里 并 不 是 说 要 你 先 实现 出 功能 , 而 是 要 搞 清 楚 自 己 到 底 应 该 做 什么 。 


在 你 勾画 外 观 、 布 置 控件 或 编写 代码 之 前 ， 应 该 先 集中 精力 回答 如 下 几 个 问题 : 















这 个 产品 是 为 谁 设计 的 ? 


谁 是 目标 客户 ? 谁 是 目标 用 户 ? 
客户 和 用 户 是 不 是 同一 些 人 ? 这 
些 问题 我 们 已 经 讨论 过 


用 户 会 怎样 使 用 这 个 产品 ? 


要 想 完成 任务 ， 用 户 需要 通过 什 
么 样 的 步骤 ? 他 们 操作 的 数据 都 
从 一 来 ， 又 会 用 到 哪里 去 ? 


















我 会 提供 什么 选项 、 设 置 和 控件 ? 





这 个 产品 将 向 用 户 展示 什么 概念 ? 









不 是 说 那些 按 乌 、 文 本 框 和 菜单 要 
如 何 泰 示 ， 而 是 说 产品 会 提供 那些 选 
项 ? 这 些 选 项 该 用 什么 方式 展现 给 
用 户 ? 









它们 是 狐 新 的 概念 还 是 用 户 熟 知 
的 概念 如 果 是 新 的 概念 ， 用 户 
能 够 理解 它们 吗 ? 
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一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 


你 需要 尽早 回答 以 上 的 问题 ， 而 不 是 在 正式 设计 中 才 去 修改 。 同 时 你 还 得 考虑 如 何 让 用 户 去 
理解 产品 。 这 需要 为 产品 开发 一 个 “概念 模型 ”。 


3.3.2 ”概念 模型 是 个 什么 玩意 ?一 一 设计 概念 模型 时 要 遵循 的 原则 


概念 模型 可 不 是 个 “玩意 " 。 它 非常 重要 。 简 单 来 说 ， 概 念 模型 就 是 一 种 用 户 能 理解 的 模型 ， 
它 能 够 描述 系统 应 该 做 什么 、 如 何 运 作 、 外 观 如 何 。 看 了 前 面 关于 “原型 ”的 描述 你 应 该 明白 ， 
概念 模型 正 是 靠 原型 来 体现 的 


但 是 ， 我 们 之 所 以 叫 它 “ 概 念 模型 "， 就 是 突出 “概念 ”的 重要 性 ， 也 就 是 表现 出 你 对 产品 的 
设计 概念 。 它 应 该 能 够 抽象 地 说 明 产 品 的 功能 ， 以 及 展现 给 用 户 的 方式 。 根 据 概念 模型 设计 出 的 
用 户 界面 将 是 最 为 整洁 、 简 单 的 ， 也 更 加 容易 理解 。 


当然 ， 在 设计 用 户 界 面 之 前 去 开发 一 个 概念 模型 通常 都 很 困难 。 对 我 们 这 些 开 发 人 员 来 说 ， 直 
接 讨 论 诸如 控制 面板 、 菜 单 和 显示 这 样 的 界面 元 素 会 更 加 吸引 人 。 另 外 ， 有 些 销 售 人 员 也 需要 你 
的 最 终 界面 来 招揽 客户 。 他 们 很 可 能 会 说 :“ 差 不 多 就 行 了 ， 赶 快 做 漂亮 点 ， 我 马上 要 拿 这 个 设计 
方案 去 见 客户 ， 而 不 是 在 这 里 等 你 们 无 穷 无 尽 地 讨论 来 讨论 去 。” 


遇 到 这 种 情况 , 你 应 该 温文 尔 雅 地 拒绝 他 们 。 没 有 正确 的 概念 模型 , 就 不 会 有 成 功 的 用 户 界面 。 
这 一 切 本 身 就 是 从 用 户 的 利益 角度 出 发 的 。 
设计 概念 模型 的 时 候 ， 你 需要 遵循 以 下 一 些 指导 性 的 原则 : 


开放 思路 ， 同 时 考虑 用 户 和 应 用 环境 


还 记得 环境 吧 ? 之 前 我 们 说 过 ， 我 们 必须 考虑 在 任务 过 程 中 用 户 所 处 的 环境 ， 也 就 是 产品 的 
应 用 环境 。 同 时 ， 你 需要 把 所 有 涉及 到 的 用 户 都 考虑 进来 ， 不 要 忽略 任何 人 1 


保持 简单 ， 但 也 不 要 过 于 简单 


最 好 的 办 法 是 使 用 最 少 的 概念 来 提供 所 需 的 功能 。 与 此 同时 ， 别 让 那些 任务 中 并 不 出 现 的 概念 
(例如 数据 库 、 字 符 串 和 缓冲 区 ) 去 搞 早 用户。 另 一 方面 ， 也 不 能 在 降低 复杂 度 的 同时 把 一 些 重要 
概念 给 省 略 了 ， 或 者 是 把 用 户 们 认为 本 来 是 分 离 的 概念 给 合并 了 。 这 和 包含 不 相干 的 概念 所 导致 
的 结果 一 样 ， 用 户 同样 会 被 你 弄 坚 。 


使 用 初级 原型 来 快速 获取 反馈 


别 在 这 个 地 方 花费 太 多 时 间 。 没 错 ， 做 一 个 精美 的 模型 非常 有 成 就 感 ， 但 是 这 不 值得 。 绝 大 
多 数 模型 都 需要 修改 。 而 且 记 住 这 仅仅 只 是 模型 ， 还 设 到 正式 设计 的 时 候 ， 让 我 们 把 这 方面 的 精 
力 集中 在 有 一 定 把 握 的 时 候 会 比较 好 。 
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反复 迭代 进行 设计 

这 个 已 经 反复 强调 过 了 。 肯 定 会 有 很 多 问题 在 现 阶段 没有 考虑 到 ， 你 需要 不 停 地 根据 问题 反 
馈 进行 修改 和 再 设计 ， 直 到 大 家 都 认为 差不多 了 为 止 。 记 住 ，“ 要 获得 一 个 好 想法 ， 需 要 先 获得 许 
多 想法 "。 
3.3.3 ”开发 概念 模型 的 几 个 问题 

要 开发 概念 模型 ， 你 就 需要 根据 用 户 的 需要 和 需求 来 规划 这 个 产品 。 以 下 几 个 问题 是 非常 重 
要 的 : 
采用 什么 样 的 交互 方式 ? 

交互 方式 就 是 指 用 户 与 系统 交互 时 的 活动 类 型 。 常 见 的 交互 方式 包括 : 


@ ”指示 
用 户 向 系统 发 出 指令 ， 例 如 输入 DOS 命令 、 选 择 下 拉 框 列表 、 点 击 按钮 或 超 链接 等 等 。 


@ 对 话 
用 户 与 系统 对 话 、 提 出 问题 ， 例 如 你 使 用 搜索 引擎 的 时 候 ， 需 要 输入 关键 字 。 


e@ 操纵 和 导航 
用 户 利用 在 现实 世界 中 积累 的 知识 来 操作 对 象 ， 例 如 拖 点 某 个 窗口 ， 或 者 用 电脑 玩 FIFA。 


@ ”探索 和 浏览 
用 户 发 掘 和 浏览 信息 ， 例 如 去 新 浪 或 者 搜狐 。 


这 看 起 来 似乎 很 简单 。 对 于 你 的 设计 来 说 ， 哪 种 类 型 的 交互 方式 是 最 合适 的 ? 这 取决 于 用 户 
在 使 用 产品 时 所 进行 的 活动 ,是 在 搜集 用 户 需求 的 阶段 得 出 的 结论 。 同 时 你 还 需要 知道 两 点 :第 一 ， 
这 也 取决 于 你 开发 的 系统 类 型 是 什么 ， 第 二 ， 大 多 数 系统 都 需要 结合 不 同 的 交互 方式 。 


Google 提供 的 “文件 ”服务 是 一 个 在 线 编辑 并 储存 、 共享 文档 的 Web-based 产品 。 其 中 的 “新 
建文 档 "、“ 删 除 文档 ”等 操作 就 适合 采用 指示 性 交互 方式 ， 用 户 可 以 直接 点 击 “ 新 建 一 文档 
来 新 建 一 个 文档 文件 进行 编辑 。 这 种 时 候 就 不 必 使 用 对 话 框 来 显示 。 


而 用 户 在 搜索 需要 的 文档 时 , 显然 对 话 型 交互 就 更 为 合适 。 在 文本 框 内 输入 所 需 文 档 的 关键 字 ， 
系统 就 能 回应 某 些 适合 搜索 条 件 的 文档 链接 供用 户 选择 。 这 就 如 同一 个 对 话 过 程 ， 用 户 对 系统 
发 出 指令 ， 然 后 系统 对 其 进行 答复 。 
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二 咒 除 。 更 多 操作 ~ 
| 时 间 + 


10 月 7 日 我 


自 chant ofthe Rohirrim 9 月 18 日 我 
© Hlegyfor Boromir 9 月 17 日 我 
自 0 Gondor, Gondor! 9 月 17 日 我 
© Ourtabletop RPG game 9 月 7 日 我 
自 Google ( 谷歌 ) 文件 中 文 版 上 线 一 在 圭 es 的 ZX 入 我 8 月 20 日 我 
自 提 开 Google 搜 索 庆 化 的 神秘 面 钞 Mess 的 文档 我 8 月 20 日 我 
国 日程 规划 表 Mess 的 文档 我 8 有 7 日 
寅 马 聪明 人 如 何 用 联 明 的 办 法 解决 问题 Mess 的 文档 我 8 月 6 日 我 


站 不 在 文件 夹 中 的 项 上 
区 Mess 的 文档 (4 项 ) 
田 按 类 型 显示 项 目 
日 共享 者 
国 Abmyfm (可 
国 Mess79 (1 萝 


选择 : 全 部 9 项 ,无 





用 户 点 击 左上 角 的 “新 建 ”菜单 进行 “指示 性 交互 ” 


是 更 “智能 ”还 是 更 “ 服 帖 ”? 

概念 模型 的 基本 任务 是 找 出 产品 所 要 支持 的 任务 。 但 是 在 这 些 任务 中 ,哪些 部 分 需要 用 户 承担 ， 
哪些 又 该 系统 承担 呢 ? 

例如 一 个 进行 在 线 日 程 安排 的 产品 ， 系 统 可 以 根据 用 户 输 入 的 条 件 提出 满足 要 求 的 一 组 时 间 ， 
便于 用 户 安排 日 程 。 但 你 也 可 以 不 这 么 做 ， 也 许可 以 让 系统 自动 确定 时 间 ， 然 后 向 用 户 发 送 电子 
邮件 请 求 确认 ; 或 者 完全 由 用 户 自己 输入 具体 的 时 间 进 行 安排 ， 系 统 只 是 单纯 地 显示 日 程 表 。 

很 明显 ， 能 自动 确定 时 间 的 系统 是 更 “智能 ”的 系统 ， 而 需要 用 户 自己 输入 具体 时 间 的 系统 则 
更 为 “ 服 帖 "， 完 全 根据 用 户 的 要 求 行事 。“ 服 帖 ” 的 系统 需要 用 户 更 多 的 操作 ， 比 较 麻烦 ; 而 “智能 ” 
的 系统 则 可 能 不 够 灵活 ， 这 种 “强制 性 ”也 可 能 引起 用 户 的 反感 ， 根 本 就 不 会 去 用 它 。 


系统 承担 哪些 任务 ,或 者 承担 多 少 ， 这 都 取决 于 你 。 但 是 用 户 是 否 接受 它 ， 你 就 无 法 控制 了 。 
所 以 ， 多 做 一 些 原型 进行 评估 ， 得 到 的 结论 就 能 更 “经 得 起 考验 ”。 
是 否 存在 合适 的 熟悉 概念 进行 映射 比拟 ? 


“映射 比拟 ”是 一 种 把 概念 与 某 个 物理 实体 相 联系 ， 提 炼 其 相似 性 的 界面 设计 方式 或 技巧 。 例 
如 Windows 的 “回收 站 ”， 就 使 用 了 现实 世界 中 垃圾 箱 的 概念 ， 每 个 人 都 能 在 第 一 次 就 理解 它 ， 
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而 且 很 难忘 记 。 同 样 ，Windows 的 “文件 夹 "， 也 就 是 现实 世界 中 的 文件 夹 ， 你 可 以 把 零散 的 文件 
放 到 里 面 ， 还 能 随时 整理 排序 。 此 外 还 有 很 多 相关 的 例子 ， 例 如 弹出 的 警示 窗口 ， 使 用 的 图 标 是 
根据 交通 警告 标志 演化 而 来 的 。 


乌 碗 合 辟 








诸 误 描述 : 系统 错误 ? 


您 可 以 点 击 “ 重 试 ”按钮 再 试 一 次 ,也 可 以 点 击 “ 返 回 ”按钮 后 退 ， 或 者 点 击 “ 重 新 登录 ” 
按钮 回 到 登录 页 面 。 








操作 失败 置 试 |] [返回 |] 重新 登录 [显示 /7 隐 蕊 堆 枯 

















红色 的 图 标 比拟 的 是 “禁止 通行 ”的 交通 标志 





您 的 连接 已 经 过 期 ， 请 重新 登录 。 























用 户 名 : 
窗 码 : 
连接 过 期 区 志和 


“ 锁 ” 表 示 用 户 无 法 继续 操作 


这 种 映射 比拟 的 技巧 相当 成 功 。 因 为 它 提供 给 用 户 一 个 非常 熟悉 的 参考 ， 有 助 于 学 习 和 理解 。 
不 管 你 是 外 行 还 是 老手 ， 都 能 很 快 地 熟悉 它 ， 顺 利 地 理解 界面 功能 。 


在 进行 映射 比拟 之 前 ， 你 必须 仔细 权衡 什么 样 的 比拟 才 是 最 恰当 的 。 同 样 这 也 需要 你 正确 地 
理解 用 户 和 应 用 环境 。 


如 果 说 现在 开发 的 是 一 个 供 儿 童 使 用 的 数学 基础 教育 软件 ， 可 能 相当 一 部 分 人 会 选用 “教室 ” 
进行 映射 比拟 , 也 就 是 一 个 老师 站 在 黑板 前 , 还 有 讲台 和 粉笔 。 但 是 如 果 你 仔细 研究 了 用 户 (也 
就 是 那些 注意 力 容易 分 散 的 小 孩 ) 之 后 ， 就 不 再 会 觉得 老师 和 黑板 是 个 不 错 的 主意 了 ， 因 为 这 
些 根 本 无 法 吸引 他 们 的 注意 力 。 而 且说 不 定 他 们 对 黑板 和 老师 还 很 反感 。 所 以 你 应 该 选择 一 些 
儿童 喜欢 的 东西 ， 例 如 马戏 团 或 者 游戏 室 来 映射 。 


当然 ， 也 有 些 “ 比 拟 ”设计 不 太 成 功 。 例 如 Mac OS 的 “垃圾 箱 ”。 我 在 第 一 次 使 用 Apple 电 
脑 时 完全 不 知道 该 如 何 才能 取出 光盘 。 后 来 才 知道 是 把 光盘 图 标 拖 到 垃圾 箱 上 面 。 我 们 都 知道 要 
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想 删 除 某 个 文件 应 该 把 它 拖 到 垃圾 箱 上 ， 但 弹出 光盘 为 什么 也 是 这 样 的 操作 ? 我 相信 世界 上 有 无 
数 个 人 与 我 有 相同 的 疑问 : “等 一 下 ， 这 样 会 清除 它 吗 ?“ 








3.3.4 ”在 概念 设计 中 使 用 原型 


在 概念 设计 中 你 需要 通过 制作 并 展示 原型 来 对 设计 构思 进行 检测 。 也 就 是 说 ， 你 要 把 设计 的 
概念 表现 成 原型 ， 然 后 展示 给 用 户 ， 听 取 他 们 关于 这 种 设计 的 意见 。 


之 前 我 们 说 过 ， 开 发 的 不 同 阶段 需要 使 用 不 同类 型 的 原型 。 一 般 来 说 ， 初 级 原型 (例如 草图 
或 者 卡片 ) 适用 于 刚 开始 设计 的 阶段 ， 而 高 级 原型 (例如 可 运行 的 软件 ) 则 适用 于 设计 中 后 期 。 


原型 的 作用 是 要 回答 某 些 问题 。 好 的 原型 应 该 能 够 让 用 户 体会 到 产品 将 如 何 支持 他 们 的 任务 。 


一 个 在 线 书店 的 网 站 ， 最 合适 的 方法 是 制作 一 系列 初级 的 卡片 原型 。 我 把 初步 设计 好 的 页 面 结 
构 绘制 在 若干 张 卡片 上 ， 每 张 卡片 代表 一 个 步骤 中 计算 机 显示 的 屏幕 截图 。 这 些 卡 片 将 被 依次 
展示 给 用 户 ， 根 据 他 们 的 不 同 “操作 ”会 有 不 同 的 卡片 表示 不 同 的 结果 。 


roerrrvtrrerrer rr 
| si | 音乐 | 软件 | 游戏 | 其 它 
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商品 免费 配送 
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在 线 书 店 的 首页 


单一 WW eb 开发 中 的 可 用 性 和 用 户 体验 fts so easy 


章 ”设计 方案 和 制作 原型 





卡片 虽然 很 简略 ， 但 清楚 地 描绘 了 网 页 的 大 部 分 元 素 ， 例 如 顶端 的 导航 栏 和 搜索 工具 、 
左 侧 的 商品 详细 分 类 、 右 侧 的 个 性 化 栏目 等 等 。 同 时 我 们 也 适当 地 加 入 了 一 些 “ 虚 构 “ 
的 内 容 ， 例 如 中 间 “ 热 荐 商品 ”里 面具 体 的 小 说 名 。 这 样 明 显要 比 “图 书 1"、“ 作 者 1” 
的 代号 好 得 多 。 

当 用 户 看 到 首页 之 后 ， 没 有 提出 什么 问题 。 接 下 来 他 会 根据 自己 的 目标 来 尝试 各 种 操作 。 也 许 
他 没有 了 明确 的 目的 ， 只 是 想 看 看 文学 方面 有 些 什么 书 ， 然 后 再 决定 是 否 购买 ， 那 么 他 就 会 在 左 
侧 选 择 “ 文 学 ”的 超 链接 。 此 时 就 需要 向 他 展示 “图 书 ”里 面 “ 文 学 ”栏目 的 首页 面 卡片 。 或 
者 他 有 了 明确 的 目的 ， 例 如 想 购买 一 张 《 变 形 金 刚 》 的 DVD， 那 么 可 能 就 会 直接 选择 搜索 。 


这 一 次 的 用 户 节奏 比较 快 ， 他 告诉 我 希望 直接 搜索 ， 而 且 会 选择 商品 类 别 。 那 么 这 个 时 候 我 给 
他 另 一 张 带 有 商品 类 别 下 拉 框 的 卡片 : 


oo dss so 1 


本 @# | 机 | 音乐 | 软件 | 游戏 | 其它 





建筑 书店 开张 
古典 音乐 专卖 





畅销 图 书 榜 
性 有 
详细 介绍 - 指环 王 精准 版 





完美 的 人 一 一 格 瓦 拉 传 
陶 姜 著 





搜索 时 的 卡片 

这 个 时 候 用 户 可 以 根据 下 拉 莱 单 的 选项 进行 选择 。 但 他 产生 了 疑问 : “为 什么 下 拉 列 表 里 面 的 
分 类 和 导航 栏 不 一 样 ? 为 什么 是 VCD 和 黑 胶 唱片 ”? 如 果 我 想 买 “磁带 ”怎么 办 ? 嗯 ， 这 
个 有 点 莫名 其 妙 ， 我 不 喜欢 这 样 。” 这 个 时 候 我 就 得 把 这 个 问题 记 下 来 。 也 许 之 前 对 用 户 需 求 
的 认识 出 现 了 偏差 ， 也 很 可 能 因此 需要 对 原型 加 以 改进 。 

把 问题 记 下 来 后 ， 用 户 会 继续 下 去 :“ 好 ， 我 知道 要 选择 DVD， 我 会 在 后 面 的 文本 框 里 面 襄 上 
“变形 金刚 ” 几 个 字 ， 然 后 点 后 面 的 “搜索 按钮 。” 此 时 我 就 要 拿 出 另 一 张 卡片 ， 上 面 模拟 的 
是 “搜索 结果 ”界面 。 也 许 他 在 那个 页 面 又 会 发 现 一 些 问题 。 
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一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 


可 以 看 到 ， 这 种 方式 比 真正 把 网 页 设计 完毕 后 再 给 用 户 看 要 好 很 多 ， 因 为 我 能 够 非常 方便 地 修 
改 设计 ， 只 需要 动 动笔 就 行 。 而 这 些 问 题 和 信息 对 于 真正 的 设计 是 非常 有 用 的 。 


3.4 物理 设计 ， 或 者 说 具体 设计 


“概念 设计 ”考虑 的 是 产品 的 设计 概念 ， 用 于 描述 系统 应 该 做 什么 、 如 何 运 作 、 外 观 大 致 是 个 
么 样 。 而 “物理 设计 ”考虑 的 则 是 更 为 具体 、 细 致 的 界面 设计 问题 ， 例 如 导航 栏 的 设计 、 使 用 
么 样 的 图 标 、 如 何 组 织 和 规划 莱 单 等 等 。 


有 时 候 你 可 能 很 难 分 清 概念 设计 和 物理 实体 设计 之 间 的 分 界线 。 在 制作 原型 的 时 候 ， 你 不 可 
避免 地 会 同时 考虑 一 些 细节 方面 的 问题 。 其 实 这 种 担心 根本 没有 必要 。 不 要 刻意 去 区 分 什么 工作 
应 该 放 在 概念 设计 阶段 ， 什 么 工作 又 应 该 放 在 物理 设计 阶段 。 煎 鸡蛋 是 先 放 盐 还 是 后 放 盐 ， 每 个 
人 都 有 自己 的 习惯 。 


不 过 需要 注意 的 是 ， 在 概念 设计 的 过 程 中 你 应 当 充 分 地 自由 发 挥 想象 力 ， 不 能 过 早 地 受 限 于 
物理 设计 ， 否 则 将 可 能 影响 你 的 创造 性 ， 出 来 的 东西 死板 而 毫 无 灵气 。 


~ 





二 





对 于 Web 或 Web-based 产品 来 说 ,物理 设计 涵盖 了 许多 方面 ,我们 也 不 可 能 在 这 里 全 面 地 
讲述 。 但 是 我 想 可 以 结合 一 些 通用 的 界面 元 素 向 你 介绍 一 些 好 的 设计 原则 。 


3.4.1 一 些 具 体 的 设计 指南 一 一 交互 设计 的 8 项 黄金 法 则 
在 设计 界面 的 时 候 ， 一 定 要 确保 让 界面 去 适应 用 户 。 





例如 ， 为 了 减轻 用 户 的 记忆 负担 ， 在 界面 中 你 可 以 列 出 种 种 选项 ， 并 适当 地 加 以 图 标 ， 而 不 
要 强迫 用 户 去 记 住 那些 长 长 的 文字 选项 清单 。 而 为 了 引起 用 户 对 重要 信息 的 关注 ， 你 就 需要 着 重 
突出 表现 页 面 中 首要 的 部 分 ， 例 如 使 用 更 大 更 醒目 的 字体 ， 或 者 更 特别 的 颜色 ， 或 者 在 旁边 留 出 
更 多 的 空白 。 

为 了 确保 设计 的 产品 有 更 高 的 可 用 性 , 人 们 开发 了 各 种 指南 、 原 则 和 规则 。 其 中 有 一 些 很 具体 ， 
称 为 “设计 规则 ”, 而 还 有 一 些 则 非常 抽象 ， 称 为 “设计 原则 ”， 需 要 在 应 用 之 前 对 其 先 做 解释 。 


例如 ， 在 设计 网 站 的 时 候 ,“ 保 持 页 面 简单 ”是 一 项 非常 笼统 又 非常 重要 的 设计 原则 ， 它 作用 
于 整个 设计 过 程 。 但 是 在 应 用 这 条 原则 之 前 ， 我 们 必须 针对 用 户 、 任 务 以 及 应 用 环境 来 详细 地 解 
释 这 项 原则 。 而 “控件 与 窗 体 的 各 边 距 为 7 像素 ”或 者 “所 有 表格 每 行 均 以 蓝 、 白 背景 色相 间隔 ” 
则 是 几 项 非常 具体 的 规则 ， 你 只 管 照 做 就 行 了 。 


我 在 1.3.4 节 就 已 经 介绍 了 一 些 可 用 性 原则 ， 我 把 它们 称 为 是 交互 设计 的 “摩西 十 诚 ”( 不 记 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


设计 方案 和 制作 原型 





得 了 就 往 前 翻 翻 。 现 在 就 翻 )。 它 们 是 由 Jakob Nielson 博士 提出 的 ， 这 位 博士 是 世界 公认 的 可 用 
性 权威 。 


另 一 个 众所周知 的 原则 性 设计 指南 是 Ben Shneiderman (美国 马里 兰 大 学 人 机 交互 实验 室 主 
任 。 他 也 是 用 户 界面 设计 的 先驱 ) 在 1998 年 提出 的 “交互 设计 8 项 黄金 法 则 ”。 


力求 一 致 性 


网 站 或 软件 的 设计 风格 需要 保持 高 度 的 一 致 性 。 例 如 网 站 的 首页 需要 和 每 个 下 级 页 面 都 保 
持 一 致 的 风格 ， 软 件 的 菜单 都 放 在 屏幕 的 左上 角 。 具 有 高 度 一 致 性 的 界面 能 给 人 清晰 和 整体 的 


感觉 
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四 机 图 片 资讯 地 图 新 更 多 。 


聪明 的 谷歌 拼音 给 入 法 五 大 竺 色 ， 
医 星 关键 词 例如 :空调 , 地 铁 附近 i 
2 物品 





|， 选 词 准确 率 高 ， 能 税 明 地 理解 息 的 意图 ， 短 句 
长 句 都 合适 。 





+ 整合 互联 网 上 的 流行 词汇 、 热 门 搜索 一 网 打 
尽 ， 调 组 丰 过 强大 。 
您 可 以 将 使 用 习惯 和 个 人 字典 同步 在 Goog 
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热 榜首 页 区 刍 司 ，d 兰 乐 国 春 哮 育儿 癌 电视 过 多 党 各 涛 北 让 动 思 芝 三 序 袁 单位 的 划 


= < 人 网 页 图 片 资讯 地 图 #! 更 多 。 

七 月 热点 评 针 Googe [ |Ceooewn ] 
六 月 热 闻 点评 

五 月 执 河 点 评 

CCTY 俩 国 全 城 


热门 标签 
地 区 竺 合 娱乐 国际 








“Google 实 验 室 ”中 一 致 的 logo 标 识 





单 Its so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 





人 允许 频繁 使 用 快捷 键 


快捷 键 表示 产品 使 用 的 灵活 性 及 有 效 性 。 每 个 人 都 很 懒 。 想 想 你 每 次 使 用 Google 或 百度 的 时 
候 ， 是 用 鼠标 点 击 “搜索 ”按钮 还 是 直接 按 “ 回 车 ” 键 ? 


使 用 过 Adobe Photoshop 软件 的 人 都 知道 ,几乎 软件 的 每 一 种 操作 都 有 相应 的 快捷 键 。 熟 悉 这 
款 软件 的 用 户 可 以 不 用 费事 地 移动 鼠标 选择 菜单 ， 而 只 用 键盘 单 击 一 两 个 键 就 能 完成 指令 。 例 
如 “Ctrl+M” 就 等 于 用 鼠标 选择 菜单 中 的 “图 像 ”一 “调整 ”一 “曲线 “。 有 时 候 看 到 熟练 的 
设计 师 运 指 如 飞 就 好 像 在 弹 钢琴 ， 确 实 很 令 人 羡慕。 








ShifttCtrltL 

自动 对 比 度 QD ALttShift+CtrltL 
Shi fttCtrl+B 

TD 


Ctrl+B 








Ctrl+U 
Shi ft+fCtrl+U 





























软件 中 一 般 都 会 注 明快 捷 键 


提供 明确 的 反馈 

出 现 错误 时 ， 要 明确 说 明 错误 的 含义 ， 而 且 你 需要 考虑 用 户 是 否 能 理解 。 

在 几 年 前 还 经 常 出 现 这 种 情况 : 当 我 们 输入 某 个 其 实 不 存在 的 网 址 时 ，Web 浏览 器 显示 “ 错 
误 404”。 什 么 是 错误 404 ? 也 许 有 些 家 伙 知 道 “ 在 http 规则 中 用 404 来 表示 某 个 页 面 不 能 访问 ”， 
但 是 我 敢 肯 定 绝 大 多 数 人 不 了 解 这 个 http 规则 。 

而 现在 情况 已 经 好 多 了 ， 当 你 访问 的 页 面 不 存在 或 者 打 不 开 的 时 候 ， 显 示 出 来 的 提示 语 起 码 
能 让 人 “看 懂 ” 是 个 什么 情况 ， 该 怎么 办 。 有 些 网 站 其 至 自己 定制 这 类 出 错 页 面 ， 让 用 户 能 得 到 
更 友好 的 体验 。 
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导航 已 取消 - Tencent Traveler 
文件 四 编辑 外 查看 名 收 送 由 工具 和) 在 线 服务 中) 帮助 中 
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图 http: /cinaz.163_ con/asdfsadf 






































人 无 法 找到 该 网 页 
村 
最 可 能 的 原因 是 : 文件 下 ) ” 疙 辑 下 ) 查看 WD” 收 豪 &&) 工具 C) 帮助 0 


人 Ga 日 目 固 的 | 用 s 丙 wmx 日 | 会 -对 避 四 所 从 


。 当 您 点 击 某 个 链接 时 ， 它 可 能 已 过 期 . 
地 址 四) 国 s /eing?. 163, coayasdfsaaf 








您 可 以 汰 试 以 下 操作 : 
日 重新 姓 和 地址。 
日 返回 到 上 一 页 . 日 找 不 到 网 页 

转 到 并 查找 您 起 要 的 信息 人 
加 更 多 信息 
0 


@ 如果 你 已 经 在 地 址 栏 中 输入 该 网 页 的 地 址 ， 请 确认 其 拼写 正确 。 
打开 cing2 163. com 主页 ， 热 后 查找 指向 炮 感 兴趣 信息 的 链 
接 。 












逢 < ， 警 试 其 好 链接 ， 
， 寻找 Internet 上 的 信息 。 


JITP 404 - 未 找到 文件 
Internet Explorer 


现在 的 Web 浏 览 器 默认 404 错 误 页 面 ( 比 以 前 好 一 点 ) 


EE 1Your Account | Contact | United States (Change) 


h a SOLUTIONS | PRODUCTS | SUPPORT | COMMUNITIES | COMPANY | DOWNLOADS | STORE SEARCH 


| Sorry， this page is not available 


You may wish to try one ofthe following links: 


Search 
Search the Adobe website. 


Adobe home page 
Go to the Adobe home page. 


Broken link? 
Send us an e-mail. 





ZO URL 佬 存在 UL 未 切 。 

日 本 严 从 木 一 人 作 一 闷 世 者 形 人 下 记 WW。 

他 要 了 上 人 Jy 乡 式 忆 DA 信 一 六 开 磊 世 D 写 由 大 场合 法 所 四 寻 仆人 D 
六 工 7Y 双 夕 一 丘 由 之 心 杰 盖 抽 V\ 吾 绰 在 礁 伍 元 下 立 W。 
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Adobe 公 司 的 404 错 误 页 面 
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are looking for might have 
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这 种 就 更 有 意思 一 些 


设计 对 话 ， 告 诉 用 户 任务 已 完成 


要 在 用 户 完成 某 项 任务 或 操作 后 进行 提示 。 如 果 他 们 在 做 了 很 多 操作 后 却 得 不 到 任何 反馈 ,他 
们 就 无 法 知道 自己 是 否 达到 了 目标 。 那么 继续 操作 的 时 候 他 们 就 会 充满 疑惑 ， 举 棋 不 定 。 


这 种 “提示 ”并 不 一 定 是 弹出 窗口 或 者 对 话 框 。 在 网 页 中 很 多 操作 都 会 根据 页 面 的 显示 来 提 
示 用 户 。 如 果 用 户 的 每 次 操作 系统 都 会 弹出 对 话 框 让 他 确认 ， 估 计 也 是 一 种 折磨 。 








messiah.book@Dgmail.com | 设置 | 帮助 | 退出 
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田 按 关 型 显示 项 目 


黑 、 黄 色 的 文字 提示 用 户 进行 的 操作 已 经 成 功 了 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 ts so easy 


设计 方案 和 制作 原型 





提供 错误 预防 和 简单 的 纠 错 功能 


最 理想 的 界面 应 当 能 够 预防 用 户 犯错 误 。 也 就 是 说 ， 用 户 在 网 页 或 软件 中 执行 任务 的 时 候 ， 
你 应 当 提 前 通过 一 些 办 法 来 避免 他 们 进行 误 操作 。 例 如 可 以 把 某 些 当 前 不 能 点 击 的 按钮 设置 为 灰 
色 。 


然而 大 多 数 情况 下 错误 总 是 不 可 避免 的 ， 所 以 系统 应 当 更 为 宽容 ， 人 允许 用 户 在 出 错 后 进行 纠 
正 。 对 于 一 些 可 能 导致 数据 丢失 的 操作 ， 在 系统 正式 执行 之 前 应 该 要 求 用 户 确认 ， 人 允许 他 们 改变 
主意 。 





2 新 浪 BLOG (beta 35) 


BLOG 文章 管理 
HLDG 文 章 管理 | 所 有 文章 | 划 蒿 箱 ; 回收 站 | 发 表 文 章 


一 一 点 击 此 处 ， 查 网 更 多 关于 “BLDG 文 章 管理 ”的 内 容 介 绍 


日 
TDDF 。UPA 中 国 上 诺基亚 7500 手 机 等 你 高 注册 51job, 工作 随心 职 ! |2oo08-12-27 15:29:01 


1 2006-11-04 20:51:31 








2 2006-10-25 13:16:05 











0 2006-10-22 22:25:00 


确认 一 下 ， 别 犯错 误 ! 


应 该 方便 用 户 取消 某 个 操作 


现在 绝 大 多 数 应 用 软件 都 有 “撤销 ”和 “恢复 ”两 项 功能 ， 快 捷 键 是 “Ctrl+Z” 和 “Ctrl+Y”， 
似乎 已 经 成 为 基于 Windows 操作 系统 的 业界 通用 的 一 项 标准 。 如 果 用 户 时 刻 都 因为 惧怕 “一 失足 
成 千古 恨 ” 而 战 战 圾 欧 畏 首 旦 尾 ， 那 样 的 用 户 体验 可 想 而 知 。 


但 是 我 发 现在 Windows 自 带 的 “画图 ”软件 中 ， 仅 仅 只 提供 了 三 次 “撤销 操作 ”的 机 会 。 这 
个 限制 似乎 有 些 多 余 ， 毕 竞 计算 机 只 有 16M 内 存 的 时 代 已 经 离 我 们 远 去 了 ， 不 是 吗 ? 





就 这 么 简单 rsseasy 


一 Web 开 发 中 的 可 用 性 和 用 户 体验 











四 四 合 加 胡 *m 加 aaa -ser On -时 志 
pepe 日 日 徊 | 捞 [ 卓 多 招 
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大 多 数 产品 都 有 多 次 的 “撤销 ”和 “恢复 ”功能 


用 户 应 掌握 控制 权 
一 般 而 言 用 户 都 希望 能 由 自己 来 控制 交互 ， 而 不 是 由 设备 来 控制 。 他 们 是 “主角 ”、“ 主 控 者 ”， 
不 要 让 他 们 感到 备 受 拘束 。 也 就 是 说 ， 如 果 用 户 在 任务 进程 中 出 现 了 问题 或 错误 ,或 者 不 希望 执 
行 该 任务 ， 他 应 该 可 以 随时 中 止 任务 或 者 退出 ， 而 不 是 必须 无 奈 地 看 着 系统 继续 (其 至 是 错误 地 ) 
执行 下 去 。 
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| 1 0 可 以 让 用 户 在 过 程 中 随时 中 止 下 载 





这 么 简单 一 -Web 开 发 中 的 可 用 性 和 用 户 体验 Its so easy 


设计 方案 和 制作 原型 





很 多 网 站 都 可 能 有 演示 动画 或 片头 ， 大 多 数 都 是 Flash 制作 的 ， 而 这 类 动画 或 视频 都 需要 一 定 


的 载 和 时间。 任何 人 都 不 应 该 强制 用 户 在 看 完 演示 视频 之 后 才能 访问 网 站 其 他 内 容 。 游戏 也 是 如 此 ， 














上 


用 户 可 能 希望 马上 开始 进行 游戏 ， 而 不 想 看 元 长 的 背景 故事 。 在 这 种 情况 下 ， 在 动画 或 游戏 片头 
中 加 一 个 “Skip” 会 好 很 多 。 








加 入 “Skip” 按 钮 能 让 用 户 直 接 开始 执行 任务 


减轻 用 户 的 记忆 负担 


我 们 应 该 尽 可 能 为 用 户 提供 帮助 ， 避 免 要 求 他 们 记 住 各 种 信息 。 例 如 你 可 以 根据 菜单 项 之 间 








的 关系 ， 把 它们 划分 为 一 些 独立 的 选项 组 ， 这 样 便于 用 户 找到 并 记 住 其 中 的 逻辑 关系 ， 在 以 后 他 


们 就 能 很 容易 地 找到 所 要 的 选项 。 








另外 你 也 可 以 对 一 些 重要 功能 或 选项 加 以 辅助 图 标 ， 加 强 用 户 的 视觉 感受 。 人 类 对 于 图 形 
































的 识别 能 力 要 高 于 文字 。 如 果 图 标 做 得 好 的 话 ， 用 户 甚至 可 以 不 用 看 文字 ， 仅 赁 对 图 形 的 记忆 
力 就 能 很 快 知道 该 选择 哪个 选项 。 图 标的 设计 应 该 直观 、 具 有 概括 性 ， 同 时 它 也 能 让 界面 更 为 
美观 。 
































就 这 么 简单 rsseasy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


BLOG 信 息 
+ 首页 内 容 维护 - 简介 


一 一 点 击 此 处 ， 查 阅 更 多 关于 “首页 内 容 准 护 ”的 内 容 介绍 


EEEEEETT3 EE 


2 将 您 感 兴趣 的 活 功能 广泛 ,将 您 把 您 收 蔬 的 网 址 
动 和 主页 动向 发 1 上 和 朋友 的 主页 地 
布 在 这 里 吧 , 站 址 添 在 这 里 吧 。 


进入 编辑 进入 编辑 


自 定 义 首页 计数 器 样式 - - 自 定 义 音乐 盖 族 轩 列 表 - 


合 
把 您 具有 专题 性 计数 器 也 要 配合 = 


亚 加 几 首 歌曲 ， 
妆 的 作品 有 序 地 组 模板 个 性 化 ， 百 让 音符 在 您 的 个 
Ef eke. 3 种 样式 任 修 选 。 人 首页 上 跳跃 。 
进入 


编辑 进入 编辑 

把 您 喜爱 的 图 片 志趣 相投 的 朝 友 用 视频 记录 从 的 

G2 添加 在 这 里 ,与 在 这 里 相 豆 ,让 个 性 与 风采 ， 尽 
朋友 们 分 享 吧 。 > 大 家 来 认识 您， > 情 展示 目 我 吧 。 

> 进入 编辑 进入 编辑 


我 如 何 将 制作 好 的 面板 添加 到 BL06 个 人 首页 
和 @ 加 果 你 需要 在 您 的 个 人 首页 添加 面板 ,可 以 在 “定制 我 的 首页 ”中 设置 。 














文字 选项 配 以 较为 形象 的 图 形 标识 


3.4.2 ”界面 元 素 和 界面 风格 


当前 主流 计算 机 的 界面 风格 被 称 为 “WIMP 风格 ”, 即 窗口 (Window)、 图 标 (lcon)、 菜 单 (Menu) 
和 指针 (Pointer)。 


所 有 的 Web 产品 以 及 绝 大 部 分 软件 的 界面 都 是 由 这 些 元 素 组 成 ， 例 如 对 话 框 、 按 钮 、 文 本 框 
等 等 。 我 们 需要 设计 的 就 是 这 些 元 素 。 


有 时 候 一 个 完整 的 产品 需要 特有 的 风格 。 这 和 公司 VIS(Visual Identity System ,视觉 识别 系统 ) 
制定 的 细节 相关 。 例 如 ， 有 时 候 一 看 页 面 你 就 能 发 现 访问 的 是 哪个 网 站 ， 因 为 它 有 自己 的 特色 而 
且 给 人 印象 深刻 。 这 包括 特定 的 用 色 、logo、 菜 单 和 图 标的 设计 风格 等 等 。 


这 其 中 最 具 代表 性 的 就 是 Apple 公司 的 网 站 。 尽 管 他 们 现在 刚刚 进行 全 球 性 质 的 改版 , 但 你 仍 
然 能 轻易 地 辨认 出 这 就 是 Apple。 这 些 细节 包括 产品 的 表现 形式 、 图 标的 材质 等 等 。 
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,iTunes 17.3, 
出 为 Mac+PC 提 供 
免费 下 载 


uickTime 7.2 


10 .TextSpeech Pro 


热门 Widget 工 具 





Apple 公 司 的 新 网 站 


在 有 些 时 候 ， 页 面 或 界面 的 这 种 风格 也 可 能 是 通用 的 ， 不 能 太 具 个 性 化 ， 例 如 Windows 操 
作 系统 或 者 Office 系列 软件 。 因 为 它们 的 用 户 数 以 百 万 计 ， 必 须 容纳 各 种 操作 习惯 、 文 化 等 等 
的 差异 和 冲突 。 但 同样 的 ， 每 个 Windows 产品 都 应 具有 相似 的 形式 ， 即 使 是 最 新 的 Windows 
Vista， 也 需要 和 其 他 版 本 有 相传 承 的 地 方 ， 例 如 “最 大 化 "`“ 最 小 化 ”和 “关闭 窗口 ”的 按钮 
都 在 窗口 的 右上 角 ,“ 开 始 ”菜单 在 桌面 的 左下 角 等 等 ， 这 都 是 Windows 风格 所 规定 的 。 一 般 来 
说 必须 遵守 。 




















Apple 的 Mac OS X 操作 系统 也 是 一 样 。 它 的 界面 艺术 性 和 普遍 性 兼备 ， 晶 莹 透亮 的 图 标 设计 
是 其 最 显著 的 特征 ， 而 且 菜单 、 窗 口 的 设计 都 有 自己 独特 的 风格 (注意 到 “关闭 窗口 ”的 按钮 
在 哪儿 了 吗 ? )。 除 此 之 外 ，Mac OS X 使 用 了 类 似 动画 效果 的 响应 显示 技术 ， 带 给 用 户 一 种 舒 
适 、 自 然 和 流畅 的 感觉 体验 ， 而 不 是 生硬 的 机 器 感 。 





rs so easy 
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于 4 Sun 9:28 AM 
大 
.3 


Mac OSX 


temporarily see all of your| 
人 hdow to bring it to the fro 





11www-aci.com.p 
是 @ memee Explorer TOO 
曾 iPhoto 





| All windows: [F9 
een Se 11.2 Ma on isk 
Ga Denn Player | (ls2 Sd beg Application windows: [F10 
ce 
| 1976 3:13 AM Desktop: [F11 


For more choices, press Shift, Control, Option o 








Mac OS X 的 动态 Dock 给 每 位 用 户 都 带 来 愉悦 的 感受 


不 管 是 Web 也 好 ，Web-based 产品 也 好 ， 我 们 都 需要 和 正规 、 标 准 的 操作 系统 一 样 ， 充 分 注 
重 一 致 性 的 原则 。 如 果 你 某 个 标题 使 用 的 是 16 号 粗 黑体 ,那么 所 有 的 标题 文字 都 得 是 16 号 粗 黑体 。 
如 果 某 个 列表 的 显示 内 容 是 通过 “上 一 页 .下 一 页 "来 翻 看 ,那么 其 他 表格 内 容 就 不 能 通过 “第 x 页 ” 
来 选取 。 


我 们 可 以 先 简要 讨论 一 下 界面 设计 的 三 个 主要 方面 : 菜单 、 图 标 和 屏幕 布局 的 设计 。 它 们 适 
用 于 各 种 交互 式 产品 ， 而 不 仅仅 是 Web 产品 。 其 适用 范围 包括 从 标准 的 应 用 软件 到 掌上 PDA， 其 
至 连 微波 炉 也 是 。 
3.4.3 菜单 (或 者 导航 栏 ) 的 设计 

很 多 软件 或 网 页 都 会 用 到 菜单 或 者 导航 栏 。 菜单 提供 了 与 各 种 命令 相关 的 选项 ， 用 户 可 以 通过 


选择 这 些 选 项 来 执行 与 他 们 任务 相关 的 操作 。 而 导航 则 用 于 指示 浏览 者 在 Web 产品 中 的 位 置 ， 需 
要 的 话 还 可 以 分 为 二 级 导航 栏 甚至 更 多 。 











么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 ts so easy 


设计 方案 和 制作 原型 





因此 ， 它 们 有 一 个 重要 的 共同 点 ， 就 是 需要 根据 任务 的 结构 进行 设计 。 与 此 同时 还 要 注意 所 
表达 的 信息 。 


菜单 或 导航 栏 有 多 种 形式 ， 例 如 下 拉 式 、 标 签 式 、 弹 出 式 甚 至 对 话 式 。 在 这 里 我 不 是 要 讨论 
如 何 把 它们 设计 等 更 美观 ， 而 是 如 何 让 它们 更 具 可 用 性 ， 并 且 让 用 户 满意 。 例 如 ， 永 远 都 不 要 把 
一 些 对 立 的 选项 放置 在 一 起 。 


算 从 苹果 的 iPhone 看 人 机 交互 技术 -novanewlife - 新 浪 BLOG - Tencent Traveler 
邮编 可 E) 查看 W) 收藏 内 工具 四 在 线 服务 0) 居 助 0 


OO 均 wnx | 图 am .Br Oe a 


上 日 日 二 | 壕 | 上 日 


























关闭 全 部 C[) | 

打印 设置 0).. . 从 苹果 的 iPhone 看 人 机 交互 技术 
国 打 印 色 ... Ctrl+P 

打印 预览 信 )... 


尾 性 外 ) 标签 ; iphons 苹果 公司 人 机 交 卫 ”malti-touch 手机 设计 界面 设计 
(本 文 首次 发 表 于 《程序 员 》 杂 志 200? 年 4 月 刊 ) 











在 2007? 年 1 月 9 日 于 美国 旧金山 举行 的 Nacwor1d 展 会 上 ， 苹 果 公 司 宣布 正式 推出 
公司 的 第 一 款 同时 具备 移动 电话 、 音 乐 播放 器 以 及 互联 网 信息 终端 功能 的 手持 
备 ，iPhone。 该 公司 首席 执行 官 5teve Jobs 对 于 这 款 全 新 产品 的 描述 是 : 

4 De 人 的 全 可 下 这 的 立 吕 > 立 企 已 的 立 吕 中 








从 个 人 首页 。 国 管 理 博客 





把 这 两 个 玩意 分 开 


在 设计 菜单 时 ， 适 当地 进行 分 组 是 非常 有 必要 的 。ISO9241 (交互 设计 的 主要 国际 标准 ) 对 如 
何 组 织 菜 单 选项 进行 了 非常 详细 、 客 观 的 描述 。 比 如 说 它 规定 ， 如 果菜 单 含有 大 量 选 项 (8 个 或 以 
上 ) ， 就 必须 按照 功能 或 其 他 对 用 户 有 意义 的 方式 对 选项 进行 逻辑 分 组 。 


Office Word 的 功能 非常 强大 ， 菜 单 包含 的 选项 超过 了 上 百 种 。 把 所 有 的 功能 选项 都 堆 在 一 起 
是 无 法 想象 的 ， 用 户 需要 好 几 分 钟 才能 找到 他 需要 的 选项 ， 这 可 能 会 让 人 前 溃 。 


所 以 现在 你 看 到 的 Office Word 将 菜单 分 为 9 个 组 别 。 其 中 主要 的 标准 是 按 功能 分 类 ， 另 外 也 
会 根据 特殊 的 操作 对 象 分 类 。 例 如 ,“ 编 辑 和 “格式 ”菜单 组 属于 功能 类 别 , 包含 “撤销 ”、“ 查 
找 ” 和 “替换 ”等 操作 ; 而 “表格 ”菜单 组 则 属于 特定 的 操作 对 象 ， 里 面包 含 的 选项 都 是 针对 
表格 的 。 
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Mcrosoft Office Online Qf) 
与 我 们 联系 ) 
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3 C:\Documents and Settil 
4 CDoconents and Settings\ .\ 不 面 \3. doc 


退出 Co) 











想 想 看 ， 如 果 不 对 它们 进行 分 组 …… 
如 果 分 组 后 选项 还 是 很 多 ， 有 时 候 你 可 能 还 得 进行 第 二 次 分 组 。 例 如 Office Word 的 菜单 。 这 
也 是 为 了 提高 用 户 的 识别 效率 。 它 还 对 不 常用 的 选项 进行 了 隐藏 。 而 当 用 户 需 要 选择 那些 不 常用 
的 选项 时 ， 也 可 以 很 快 地 找到 。 
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在 网 站 的 导航 设计 中 ,你 同样 需要 注意 选项 的 组 织 问题 。 栏 目的 数量 太 多 会 明显 增加 阅读 难度 ， 
所 以 大 多 数 网 站 都 会 使 用 分 级 导航 ， 也 就 是 对 栏目 进行 分 组 。 


“卓越 亚马逊 ”的 导航 设计 则 是 另 一 种 特殊 的 模式 。 这 是 一 个 信息 量 非常 庆 


denn 大 的 网 站 ， 包 括 图 书 、 家 电 、 电 脑 配件 、 玩 具 、 厨 具 、 家 居 、 礼 品 等 20 个 


于 | 类别， 每 个 类 别 又 包含 数 十 个 子 分 类 (看 看 旁边 的 列表 ， 这 还 仅仅 只 是 图 书 


big bed 类 别 的 分 类 ) 。 很 明显 我 们 无 法 按照 商品 的 类 别 来 对 导航 进行 划分 。 


销 秆 | 经 研 | 投 蓉 | 理 时 | 职场 | 
生活 


| 六 || 损 8| 设计 师 们 的 思路 是 ， 当 用 户 需要 选择 某 类 商品 时 ， 短 时 间 内 不 会 再 去 选择 其 


训话 | 健康 | 两 性 | 孕 产 知识 | 


Ja 他 类 别 。 因 此 大 的 类 别 只 需 显示 一 个 , 同时 保证 有 选择 其 他 类 别 的 入 口 就 行 。 
哲学 | 宗教 | 艺术 | 历史 | 地 理 | 

eh 这 种 方案 被 称 之 为 “动态 Tab 式 导航 ”， 也 就 是 说 ， 在 缺 省 状态 下 并 不 直接 
sore 提供 产品 分 类 ， 只 有 一 个 “所 有 分 类 ”的 标签 。 当 你 在 “所 有 分 类 ”中 选择 
如 Ww | 了 某 项 产品 后 导航 栏 会 增加 一 个 标签 ( 它 取决 于 你 所 选择 的 产品 类 别 )， 而 
/和 用 户 切 换 产品 类 别 时 也 只 有 这 个 动态 标签 发 生变 化 。 


建筑 | 寡 林 | 化 工 | 水 和 | 杭 械 | 
交道 | 医学 | 标准 | 电力 | 通信 | 


内] 所 以 现在 你 光顾 “卓越 亚马逊 *， 在 导航 栏 的 位 置 会 看 到 4 个 标签 ， 并 没有 


只 ,ss wm | 任何 明确 的 商品 栏目 。 这 也 促使 你 去 点 击 “ 所 有 20 类 商品 ”的 标签 ， 从 而 
SE 能 够 很 方便 地 浏览 网 站 所 有 经 营 的 项 目 并 进行 选择 。 








工具 上 | 古 社 | 杂志 | 进口 原 版 | 








joy9 吕 这 


商品 搜索 


音乐 








选择 “图 书 ”后 出 现 “图 书 ”栏目 和 下 属 二 级 导航 








就 这 入 简 单 Its so easy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


JoyoBis, | gn | sexe | Aifaa YC 我 0 由 P| 如 购物 车 | 和 有 中心 








De ee rc esp [2 


ER 
选择 “电脑 /配件 ”后 ，“ 图 书 ” 栏 目 被 蔡 换 为 “电脑 配件 ”和 下 属 二 级 导航 





此 外 ， 菜 单项 或 者 导航 栏目 应 采用 什么 名 称 也 很 重要 。 由 于 显示 空间 有 限 ， 你 不 可 能 在 菜 
单 里 面 放 上 一 名 话 来 表明 选项 的 含义 。 所 以 这 种 名 称 应 当 简短 、 明 确 ， 没 有 歧义 ， 以 免 相互 混 
清 而 导致 用 户 选 择 错误 。 例 如 在 卓越 亚马逊 中 ,“ 最 新 的 精彩 评论 和 我 的 评分 ”这 项 功能 就 简 
化 为 “点 评 空间 ”作为 菜单 项 ， 当 你 点 击 该 标签 时 ， 将 出 现 最 近 的 评论 列表 ， 你 也 能 提交 自己 
的 评论 信息 。 


3.4.4 ”图 标的 设计 一 一 高 度 浓缩 的 图 形 


图 标 就 是 具有 指 代 意义 的 图 形 符号 ， 这 是 一 种 高 度 浓缩 的 图 形 ， 能 够 很 快 地 传达 信息 ， 而 
且 便 于 记忆 。 图 标的 应 用 范围 很 广 ， 包 括 软 硬 件 、 网 页 以 及 各 种 公共 场合 ， 例 如 洗手 间 的 标志 、 
交通 标志 甚至 是 洗衣 方法 等 等 。 它 同时 还 与 文化 与 使 用 环境 相关 。 要 设计 一 个 好 的 图 标 可 并 不 


容易 。 
嘿 ! 这 里 有 人 通过 。 
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设计 方案 和 制作 原型 





对 于 计算 机 操作 系统 来 说 ， 图 标 有 一 套 标准 的 大 小 和 属性 格式 。 例 如 16 x 16 像素 和 32 x 
32 像素 ,或 者 256 色 图 标 和 32 位 真 彩 图 标 。 它 们 都 含有 一 定 的 透明 区 域 ， 在 透明 区 域内 可 以 透 
出 图 标 下 的 桌面 背景 。 








在 很 久 以 前 (其实 也 就 是 几 年 前 )， 用 像素 逐 点 逐 点 地 进行 绘制 图 标 是 最 好 的 选择 。 这 是 因为 当 
时 的 计算 机 性 能 并 不 高 ， 使 用 像素 可 以 节省 图 标的 体积 ， 也 便于 快速 地 读 取 。 早 期 的 操作 系统 
使 用 的 都 是 像素 图 标 (包括 现在 大 部 分 手机 、MP4 等 便携 设备 ) 。 例 如 这 样 的 : 
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别 以 为 像素 图 标 都 像 Windows 里 面 那样 死板 板 


当然 这 样 的 也 很 有 魅力 。 但 是 现在 的 操作 系统 平台 所 能 支持 的 图 标 格式 (例如 PNG) 已 
经 可 以 实现 多 通道 透明 渐变 了 ， 也 就 是 说 ， 你 可 以 给 图 标 加 上 阴影 甚至 模糊 的 效果 。 而 在 
Windows Vista 出 现 后 ，PC 支持 的 图 标尺 寸 已 经 达到 了 256X256 像素 。 包 括 我 在 内 ， 现 在 
很 多 人 都 使 用 Adobe Photoshop 或 者 lllustrator 来 绘制 大 尺寸 的 精美 图 标 , 而 且 能 够 直接 通 
过 缩放 得 到 不 同 的 尺寸 (像素 图 标 就 不 行 了 ， 不 同 的 尺寸 都 需要 设计 师 一 个 点 一 个 点 地 逐一 
绘制 ) 。 





就 这 人 简 单 Its so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 


站 


Windows Vista 操 作 系统 里 面 的 部 分 图 标 











我 模仿 上 面 风格 绘制 的 一 些 图 标 


对 于 Web 或 Web-based 产品 来 说 ， 图 标 只 是 图 片 而 已 ， 它 的 格式 可 以 是 GIF、JPEG， 也 可 
以 是 PNG， 总 之 只 要 能 够 在 Web 浏览 器 中 显示 就 行 。 所 以 你 可 以 随意 地 使 用 像素 或 写实 的 风格 ， 
达到 自己 所 想 要 的 任何 效果 。 但 美术 设计 不 是 这 本 书 所 要 讨论 的 内 容 。 要 想 设计 出 优秀 的 图 标 ， 
你 至 少 需要 注意 以 下 几 点 。 


不 要 “ 辞 不 达意 ” 


图 标的 图 形 必须 要 适合 所 代表 的 意思 。 最 理想 的 情况 是 ， 在 没有 辅助 说 明文 字 的 条 件 下 ， 用 
户 仍然 能 够 通过 图 标 来 理解 它 所 代表 的 功能 或 概念 。 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 
三 章 ”设计 方案 和 制作 原型 
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30 给 图 软件 ， 在 电脑 上 进行 建筑 设计 
号 认 搜索 新 闻 资 讯 


移动 服务 








Ea gs 
Google 产 品 的 图 标 排列 


很 明显 ， 上 图 中 绝 大 部 分 的 图 标 都 能 够 贴切 地 反映 相关 功能 , 例如 “大 学 搜索 "、“ 地 图 ”"、“ 移 
动 服务 "、“Google 实验 室 " 和 “网 页 搜索 ”。 但 也 有 少数 几 个 的 含义 不 那么 明显 : “工具 栏 "、“ 翻 
译 ” 和 “网 页 目录 “。 也 许 你 通过 旁边 的 文字 能 够 明白 代表 “工具 栏 ” 和 “翻译 ” 的 图 标 含义 ( 例 
如 “翻译 ”是 把 一 团 乱 麻 整 理 为 清晰 的 内 容 )， 但 是 “网 页 目录 ”的 图 标 就 不 是 那么 回 事 了 。 
在 这 里 它 的 功能 更 多 偏向 于 美观 方面 。 


设计 代表 实际 对 象 的 图 标 相对 要 容易 一 些 ， 因 为 你 可 以 直接 使 用 它们 的 图 像 ， 例 如 用 房屋 表 
示 “ 主 页 ”。 设 计 表示 动作 的 图 标 可 能 会 有 些 难度 ， 但 也 不 是 没有 可 能 。 你 可 以 通过 逻辑 上 的 联系 
来 进行 设计 ， 例 如 “ 剪 切 ”的 动作 可 以 用 剪刀 的 图 像 来 表现 ,“ 加 密 ” 使 用 锁 或 者 保险 箱 、“ 查 找 ” 
用 放大 镜 或 望远镜 等 等 。 





























用 静态 图 像 表现 动作 的 概念 





就 这 么 简 单 Its so easy 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


小 而 简单 


图 标 应 当 小 而 简单 ， 应 该 能 让 用 户 一 目 了 然 。 它 们 毕竟 是 辅助 的 元 素 ， 所 以 不 能 设计 得 过 大 ， 
占据 显要 的 位 置 。 另 一 方面 ，Web 产品 本 身 的 特性 也 不 太 赞成 我 们 使 用 大 面积 的 图 片 ， 因 为 那样 
会 延长 网 页 显示 的 时 间 。 




















“一 目 了 然 ”的 意思 是 ， 你 需要 让 用 户 能 够 理解 它们 的 含义 ， 并 且 能 够 毫 不 费力 地 区 别 不 同 的 
图 标 。 这 个 道理 很 简单 : 如 果 每 个 图 标 看 起 来 都 差不多 ， 就 仅仅 只 是 图 案 而 已 ， 没 有 任何 的 辨识 
性 和 指向 性 。 在 这 种 情况 下 用 户 只 能 根据 文字 来 辨识 功能 。 














看 看 下 面 这 些 图 标 ， 我 真 的 很 想 知道 它们 都 代表 什么 意思 …… 你 能 分 辨 出 来 吗 ? 
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一 些 早期 的 图 标 …… 或 者 说 被 淘汰 了 的 图 标 
3.4.5 ”屏幕 布局 的 设计 
屏幕 布局 的 设计 ， 就 是 把 页 面 或 界面 所 需要 显示 的 内 容 进行 分 组 和 排列 ， 使 之 更 具 可 用 性 。 


大 的 方针 
在 你 设计 界面 或 者 网 页 页 面 的 时 候 ， 应 该 避免 两 种 极端 的 情况 : 








有 时 候 设 计 师 可 能 希望 通过 大 面积 地 “ 留 白 ” 来 增加 页 面 的 通 透 性 ,或 者 让 页 面 显得 更 “高 雅 ” 
(就 像 很 多 书籍 或 平面 设计 那样 )。 使 用 空白 也 有 助 于 突出 信息 。 但 是 如 果 空 白 空间 太 多 的 话 ， 单 











入 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 ts so easy 





设计 方案 和 制作 原型 


个 页 面 中 显示 的 信息 量 必然 会 减少 ， 用 户 可 能 需要 频繁 地 上 下 拖 动 网 页 ， 或 者 切换 界面 屏幕 ， 因 
此 他 们 的 交互 过 程 会 被 经 常 性 地 打 断 。 


而 把 信息 都 集中 在 一 起 则 是 另 一 种 极端 ， 页 面 上 到 处 都 是 密集 的 文字 、 色 块 、 图 标 或 图 像 ， 不 
停 地 分 散 用 户 的 注意 力 。 他 们 很 可 能 完全 不 知道 该 从 哪里 下 手 ， 也 容易 造成 混淆 。 

对 于 网 页 设计 来 说 ， 你 还 需要 考虑 其 他 问题 。 在 使 用 网 页 的 时 候 ， 用 户 应 该 随时 都 能 了 解 以 
下 三 个 问题 的 答案 : “目前 我 在 哪里 “这 里 有 什么 内 容 ” 和 “我 还 能 够 去 哪 "。 这 能 让 他 们 建立 
良好 的 位 置 感 。 


最 简单 的 解决 方案 ， 也 是 目前 最 常见 的 网 页 设计 方式 ， 就 是 把 网 页 划分 为 三 个 区 域 。 如 同 在 
下 面 这 幅 图 中 你 所 看 到 的 : 








在 上 面 这 幅 图 中 ， 顶 部 的 区 域 也 就 是 区 域 1 回答 了 “目前 我 在 哪里 ”这 个 问题 。 在 很 多 情况 
下 ， 用 户 并 不 是 通过 主页 进入 某 个 网 站 的 ， 尤 其 是 在 搜索 引擎 出 现 之 后 。 他 们 就 这 么 突然 地 、 没 
有 敲 门 就 进来 了 ， 而 且 是 蒙 着 眼睛 进来 的 。 而 等 到 他 们 摘 下 眼罩 ， 你 就 需要 让 他 们 知道 身 在 何 处 。 
所 以 在 这 个 部 分 你 需要 放置 网 站 的 logo 标识 和 导航 栏 。 


左 侧 的 区 域 2 则 是 页 内 的 导航 ， 也 就 是 当前 这 一 层 的 所 有 内 容 。 这 里 多 是 一 些 链接 或 菜单 ， 
便于 用 户 了 解 本 网 页 还 提供 了 哪些 内 容 。 也 就 是 说 ， 这 个 区 域 让 用 户 能 够 看 到 在 这 个 子 栏目 中 还 
有 些 什么 他 们 可 能 会 感 兴趣 的 东西 ， 并 且 提 供给 他 们 明确 的 入 口 。 这 就 回答 了 第 三 个 问题 : "我 还 
能 够 去 哪 ”。 


而 最 重要 的 信息 放 在 区 域 3 (或 者 说 内 容 区 )。 它 其 实 就 是 用 户 访问 网 页 的 目的 。 这 个 区 域 回 
答 了 “这 里 有 什么 内 容 ” 的 问题 。 用 户 一 般 都 只 是 大 致 地 浏览 ,如 果 不 感 兴趣 他 们 可 能 马上 就 离开 。 
所 以 网 页 的 内 容 应 该 简短 、 明 确 ， 使 用 标题 或 者 分 组 来 突出 要 点 或 者 划分 段落 是 个 比较 好 的 方法 ， 





就 这 么 简单 rsseasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





有 助 于 用 户 捕捉 重要 的 信息 。 


看 看 下 面 这 个 网 站 ， 很 明显 的 就 是 按照 我 们 刚才 所 说 的 三 个 区 域 进行 划分 的 : 


EUIT| | 中 国人 机 界面 设计 专业 门户 


黑 面 设计 轧机 交 开 上 行业 资讯 ”人 才 招 聘 ”到 源 互动 ”U1 学 院 UI 聚合 UI 傅 究 U1 商城 ”互动 论坛 


二 必 站 图标 | 理论 思想 案例 评论 | 欣赏 新 加 筷 教程 技术 新 手 


微软 雅 黑 YS Windows 宋 体 作者 :Hanson. Wong 


为 了 更 清楚 的 显示 出 雅 黑 的 屏幕 显示 优势 , tlt he ep 
比 看 看 : 从 上 十 我 们 可 以 看 出 训 软 站 里 的 人 起 体 的 粗 体 都 是 通过 内 称 点 阵 : 








“视觉 设计 ， 用 理性 说 话 ( 译 ) 
“可 用 性 第 一 法 则 ， 不 要 听 用 户 的 


“建立 用 户 体验 〈User Experiencey 


| 未 例 研究 ms 
“关于 超 链接 的 下 划 线 





当 你 通过 某 种 途径 来 到 这 个 页 面 时 (可 能 是 Google “微软 雅 黑 ”得 到 的 一 个 超 链接 ) ， 区 域 1 
很 明确 地 告诉 了 你 现在 身 在 何 处 : 优 艾 网 (同时 你 还 知道 了 这 是 一 个 关于 人 机 界面 的 “中 国 专 
业 门 户 ”) 的 “人 机 交互 ”版 块 。 


而 区 域 2 则 提供 了 这 个 版 块 内 部 的 一 些 其 他 相关 文章 的 入 口 ， 如 果 感 兴趣 的 话 ， 你 可 以 很 方便 


地 前 往 这 些 页 面 进行 阅读 。 

区 域 3 是 你 来 到 这 个 页 面 的 本 来 目的 。 个 页 面 的 主要 内 容 区 域 ， 其 中 最 明显 的 是 “微软 

ed a “微软 雅 黑 ”的 知识 。 
同时 也 要 考虑 细节 


在 页 面 布 局 的 设计 中 ,你 也 需要 用 到 一 些 视觉 交流 的 原则 。 例 如 重要 的 信息 应 该 突出 显示 。 同 
时 ， 使 用 色彩 、 动 作 和 分 组 的 方法 可 以 使 界面 结构 更 为 清晰 和 易于 理解 。 你 的 目标 是 让 用 户 在 第 
一 眼看 到 界面 的 时 候 就 能 把 注意 力 集中 在 对 他 有 用 的 信息 上 。 

















j 单 一 一 W_eb 开 发 中 的 可 用 性 和 用 户 体验 fts so easy 


种 三 章 ” 设 计 方案 和 制作 原型 





有 些 设计 师 喜 欢 在 页 面 中 放 一 些 动画 或 动态 效果 。 这 很 好 ， 但 不 能 太 多 ， 否 则 会 分 散 用 户 的 
注意 力 。 你 可 以 在 高 级 原型 中 询问 用 户 得 出 具体 的 结论 。 


有 时 候 “ 分 组 ”是 很 有 必要 的 。 这 很 简单 ， 但 非常 有 效果 。 看 看 下 面 这 两 个 表格 ， 第 一 个 没 
有 进行 分 组 ， 而 第 二 个 则 根据 内 容 的 相关 性 进行 了 一 定 的 划分 : 












































故障 关闭 时 间 从 jgADDAYYYY jy:Ss | 到 MM/DD/YYYY | OH:WW:SS 









































故障 源 IF 地 址 口 醒 精 查 询 

故障 描述 口 模 精 查询 

设备 编号 故障 级 别 = | | 全 部 bd 
设备 名 称 口 模 灿 查询 。。 故障 类 型 = 网 | 名 加 
故障 采集 源 。 | 全 部 加 谢 障 发 生 次 数 [= ”了 


























故障 状态 人 部” O 〇 当前 。” 〇 历史 





结果 显示 格式 | - 加 











没有 分 组 的 表格 


战 际 查 丰 











































































































设备 编号 才 障 级 别 = 图 [各 加 
设备 名 称 口 模 和 查询 。 ”故障 类 型 = 同 | 鳃 加 
圾 隧 采 集 源 “全 部 司 埃 陪 发 和 xx 数 [= 同 


故障 状态 2 部 ”OO 〇 当前 ” 〇 历史 





结果 显示 格式 |- 总 











进行 了 分 组 的 表格 





么 简单 rssoeasy 








= eb 开发 中 的 可 用 性 和 用 户 体验 


你 可 以 看 到 ， 尽 管 所 有 的 内 容 者 一样， 排列 顺序 也 没 变 ， 我 只 是 去 掉 了 几 根 分 隔 线 而 已 。 但 
效果 很 不 错 。 


在 关于 屏幕 布局 的 设计 中 ， 还 有 一 些 关于 可 用 性 所 需要 注意 的 地 方 。 例 如 ， 在 设计 中 要 把 握 
好 页 面 所 包含 图 片 的 总 “体积 "。 在 网 页 中 使 用 图 像 能 增加 吸引 力 ， 但 如 果 图 片 过 多 就 会 影响 到 网 
页 下 载 的 时 间 。 


另外 元 素 的 “一 致 性 ”也 是 个 问题 ， 例 如 网 页 中 的 “ 超 链 接 "。 传 统 的 表示 方法 是 蓝 色 文字 加 
下 划 线 ， 但 现在 的 网 页 设计 更 为 灵活 ， 也 更 加 个 性 化 ， 很 多 网 站 都 不 再 使 用 蓝 色 加 下 划 线 的 表示 
方法 。 有 些 超 链接 不 带 下 划 线 ， 有 些 带 下 划 线 的 文字 也 未 必 能 点 击 。 


这 种 做 法 没有 问题 。 但 是 要 坚持 一 点 ， 就 是 你 必须 坚持 “一 致 性 ”。 举 个 例子 来 说 ， 如 果 你 的 
文章 列表 需要 入 口 ， 那 么 你 可 以 使 用 “>> 更 多 ”， 也 可 以 使 用 “>>more”。 但 不 能 有 的 地 方 是 “>> 
更 多 ”， 有 的 地 方 又 是 “>>more”。 











瑟 











看 看 下 面 这 个 网 站 : 





weeefrog 报 含 网 页 Footbsll Style 。 Siniter 网 页 数码 产品 UI 赏析 


*， Dynanie Icons 设 计 C) [06-16][IC08 设 计 ] 
，weeefrog 网 页 设计 作品 [08-17][ 同 页 设计 ] 
es “Saokey41 04-09-07, .1 主题 设计 [06-17] [主题 设计 ] 
于 讯 Li-siGn 网 页 设计 -Intrepi 和 2 [09-17][ 网 页 设计 ] 
.欢迎 免费 订阅 钢 觉 同盟 《ur 设计 周 TD | ，weee 红 od 报信 网 页 设计 作品 [08-16][ 网 页 设计 ] 。 日 本 爱 可 信 北京 技术 有 限 公司 招 
[10-16] La-siGn 网 页 设计 -Football style [08-16][ 网 页 设计 ] 聘 手 机 iT 设计 [08-16] 
“2007 视 觉 同盟 《变形 全 网 壁纸 设计 大 赛 | 。L4-siGn 网 页 设计 -Underverla [08-14][ 网 页 设计 ] “ 厂 州 市 弘 外 科 技 发 展 有 限 公司 招聘 
入 图 名单 揭晓 [06-14] “和 bin zeon 恕 乐 空间 界面 设计 [09-13][ 软 件 界面 ] IN C0014] 
“我 的 “ 博 ” 色 生活 一 新 染 博 客 、 图 子 模版 > 更 多 |* 北京 创意 客 科技 发 展 有 限 公司 招聘 
设计 大 赛 启 动 [08-08] 网 页 设计 [09-08] 
。 《connection) 第 2 期: 该 黑 风云 免费 下 载 | | 《 计 周 和 “第 9 其 游戏 6UT 专 最 "第 8 期 各 轩 特刊 多 可 加 | | .南京 夏 尔 巴 科技 信息 有 限 公司 聘 网 
tor-17] ,理论 和 资料 页 设计 师 [08-07] 


2 “ 隐 式 挖掘 网 站 用 户 行为 [08-17] >> 更 多 
专题 ~ 周文 章 排行 


| 。 腿 好 位 置 万 的 设计 [06-16] en - 
“2007 中 国 创意 设计 职场 分 析 。 我 要 如 何 了 解 “她” [08-15] 1. 变形 金刚 壁纸 设计 大 赛 参 赛 作品 欣 


* 2007 年 全 球 设计 院 校 中 业 腻 专题 报 道 i。 ead 





.2006 国 际 cr 冠军 赛 专题 ， 淘 宝 的 设计 流程 -WI 博客 精 选 (89) [06-14] 2 变形 金刚 豆 纸 设计 大 赛 参 赛 作品 欣 
* 2006 北 京 国际 新 媒体 艺术 展 暨 论坛 考题 。 | ”他 想 要 什么 ? -上 博客 精 这 68) [08-13] 赏 (D) 
.心声 + 希望 - 2008 设 计 院 校 毕业 展 专题 。。 |* 贯 字 整 个 产品 生命 周 基 的 用 户 研究 [08-10] 3 赤 形 金刚 壁纸 设计 大 赛 参赛 作品 欣 


“* 中国 设计 教育 大 型 系列 访谈 专题 ， 设 计 产品 是 道 计算 是 -WI 博客 祖先 67) [08-09] 党 8) a 
“User Friendly 2005 大 会 视 澡 导 jibii 四 4. 变形 金刚 壁纸 设计 大 赛 参 赛 作品 欣 


已 体 验 公式 -WI 博客 精 选 66) [08-07] Fe 
更 多 | 0 
5. 变形 金刚 壁纸 设计 大 赛 参赛 作品 欣 | 
赏 5) 





注意 左下 方 的 “>> 更 多 ”是 黄 绿色 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 itsg so easy 





设计 方案 和 制作 原型 


它 的 问题 是 ， 几 乎 所 有 的 “>> 更 多 ”都 是 深 灰 色 ， 但 左下 方 “专题 ”栏目 里 却 是 黄 绿色 。 这 
时 一 个 问号 出 现 了 : “为 什么 这 里 跟 别 的 地 方 不 一 样 ? ”我 看 了 看 所 有 的 文章 列表 ， 更 多 的 问 
号 出 现 了 : “专题 非常 特殊 吗 ? ”一 “如 果 是 ， 为 什么 这 个 版 块 并 不 是 特别 突出 ? ”一 “如 果 要 
引 人 注 意 ， 似 乎 黄 绿色 也 不 是 个 显眼 的 颜色 …… 难 道 我 的 辨 色 能 力 有 问题 ? ”…… 


我 发 现 我 的 思路 已 经 从 看 文章 变 成 了 怀疑 自己 的 生理 能 力 。 绝 大 多 数 用 户 应 该 都 不 太 喜 欢 这 种 
体验 。 


关于 Web 和 Web-based 产品 的 页 面 设计 ， 在 后 面 的 章节 我 们 还 会 进行 更 为 详细 的 讨论 。 


3.4.6” 别 理 那些 复杂 的 工具 ， 我 们 做 的 是 W eb 
不 管 是 概念 设计 还 是 物理 设计 ， 你 都 需要 一 些 界面 设计 的 工具 来 制作 原型 或 者 开发 正式 的 
产品 。 


推 


型 


在 这 里 讨论 特定 的 工具 没有 什么 意义 。 而 且 你 总 能 看 到 新 的 工具 出 现 ， 那 些 老 的 软件 也 经 党 
出 新 版 本 。 可 能 在 拿 到 这 本 书 的 时 候 你 又 会 看 到 或 使 用 到 很 多 新 的 设计 软件 。 


对 于 Web 和 Web-based 产品 而 言 就 更 简单 了 。 你 设计 成 品 时 用 的 是 Dreamweaver， 制 作 原 
同样 也 可 以 使 用 它 。 这 种 软件 大 多 数 都 是 面向 对 象 进行 设计 的 。 当 然 你 也 可 以 直接 对 程序 代码 
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ttp:/ /ue v3. org /TR/XhtaL 1 /DTD /hen 全 
ia elsse/xhtaly wl 1tr” leng="en">chead> | 


‘<neta http-equiv="Content-Type” content="text/htal; charset=utf: 
"Wikipedia, Wikipedia.ogg,2000, 0 oz, 2003,2004,2004 Indian 


link rel="search” type="application/opensearchdescriptionixal” href="http://en, wikipedia.org/v/open 
link rel="copyright” href="htrtp://ww. gru.org/copylett/£d1.hral">ctitle> Wkipedia - Wikipedia, the 
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就 这 么 简单 frssoeasy 





一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 


你 应 当 了 解 CSS， 它 能 灵活 地 进行 设计 ， 并 且 严 格 地 控制 页 面 格式 ， 还 能 序列 化 所 有 的 内 容 。 
另外 JavaScript 也 很 有 用 。 


还 有 一 些 面向 对 象 的 软件 是 Macromedia 公司 的 Director 和 Flash， 它 们 同样 能 够 很 方便 地 开 
发 出 包括 高 级 原型 在 内 的 各 种 交互 式 产品 。 当 然 我 更 为 推荐 的 是 Flash， 我 一 直 使 用 它 。 





macromediar macrorneda macromedia 


Dreamweaver Flash Director 





牢 四 副 
以 用 户 为 中 心 的 开发 


“ 谁 跟 你 客气 了 1! 我 是 正面 人 物 ! 主角 ! “ 


“但 是 这 个 主角 啊 ……' 不 是 谁 都 能 演 的 。“ 
小 品 《 主 角 与 配角 》 





就 这 么 简单 rsseasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








终于 到 正式 开发 的 步骤 了 。 


别 以 为 之 前 都 是 在 做 无 用 功 ， 或 者 认为 那 只 不 过 是 “做 做 样子 ”或 者 “ 走 走过场 "。 只 有 完全 
弄 明 白 用 户 是 谁 ， 他 们 想 要 什么 ， 你 才能 开发 出 最 适合 他 们 的 产品 。 很 多 人 一 直 只 是 在 开发 自己 
认为 好 的 产品 。 但 是 他 并 不 能 代表 所 有 人 ， 尤 其 是 那些 没有 技术 背景 的 用 户 。 这 种 开发 的 结果 可 
能 就 只 有 他 自己 满意 ， 却 没有 其 他 人 认同 。 


你 不 能 用 “ 曲 高 和 塞 ” 来 作为 托 辞 。 因 为 产品 开发 出 来 后 的 用 户 并 不 是 你 ,或 者 不 仅仅 只 有 你 。 
用 户 决定 着 产品 最 终 的 评价 ， 如 果 他 们 觉得 你 做 得 很 臭 ， 那 么 就 说 明确 实 很 臭 。 世 界 上 所 有 的 商 
品 都 是 这 个 道理 一 一 顾客 不 能 接受 的 东西 就 卖 不 出 去 ， 那 么 生产 商 就 要 吃亏 。 


所 以 产品 应 该 想方设法 地 “取悦 ”用 户 。 而 要 想 顺 利 地 取悦 他 们 ， 就 得 深入 地 了 解 他 们 。 这 
就 好 像 如 果 你 想 获 得 心上人 的 芳心 ， 就 得 事先 做 一 些 了 解 ， 看 看 她 喜欢 什么 ， 讨 厌 什么 。 如 果 她 
对 海鲜 过 敏 ， 那 么 就 不 能 请 她 去 吃 龙虾 。 


我 一 直 都 在 强调 “以 用 户 为 中 心 ” 的 重要 性 ， 我 如 此 多 地 使 用 这 个 词 ， 以 至 于 我 的 输入 法 都 
记 住 了 。 





4.1 为 什么 要 让 用 户 掺 和 进来 ? 


“了 解 用 户 及 需求 ”和 “制作 原型 供用 户 评估 ”都 是 “以 用 户 为 中 心 ”的 具体 体现 。 我 也 介绍 
了 一 些 数据 搜集 的 技术 ， 这 些 技术 能 帮助 你 透彻 地 了 解 用 户 和 任务 ， 从 而 指导 后 面 的 设计 。 很 明 
显 它们 都 和 用 户 分 不 开 。 


而 “以 用 户 为 中 心 ”开发 的 另 一 个 特点 是 让 用 户 直接 参与 开发 。 


让 用 户 参与 开发 有 两 层 意 思 。 第 一 层 意思 是 你 来 开发 产品 ， 让 他 们 参与 产品 的 测试 和 评估 ， 
第 二 层 意思 就 是 请 他 们 积极 参与 设计 本 身 一 一 也 就 是 成 为 合作 的 设计 师 。 

关于 让 用 户 参 与 产品 测试 是 非常 有 必要 的 ， 因 为 这 是 一 个 检验 的 过 程 。 在 第 八 章 我 会 专门 讨 
论 这 个 问题 。 而 让 用 户 参与 设计 ， 你 就 能 随时 了 解 他 们 的 想法 ， 让 他 们 跟着 开发 进展 一 步 步 地 走 ， 
出 更 多 的 力 。 这 样 最 终 的 产品 自然 也 会 更 加 成 功 。 





另 一 方面 ， 让 用 户 参与 开发 还 有 两 个 原因 。 这 两 个 原因 与 产品 的 性 能 没有 多 大 关系 ， 但 同样 
非常 重要 。 


告诉 他 们 别 太 天 真 
有 时 候 用 户 对 新 产品 的 看 法 和 期 望 不 切实 际 。 在 销售 人 员 把 产品 吹 得 天 花 乱 侍 之后， 他们 可 能 


节 一 一 Web 开 发 中 的 可 用 性 和 用 户 体验 Its s0 easy 


第 四 章 。” 以 用 户 为 中 心 的 开发 





会 把 它 想象 得 无 比美 好 ， 认 为 从 此 天 更 蓝 ， 水 更 清 。 但 是 ， 期 望 越 高 可 能 最 后 的 失望 就 越 大 。 当 
他 们 发 现 最 终 产品 出 来 后 也 就 那么 回 事 的 时 候 ， 就 会 感到 受 了 “欺骗 "， 因 此 很 可 能 会 抵制 甚至 拒 
绝 接受 你 的 产品 。 


所 以 你 应 该 确保 最 终 的 产品 不 会 出 平 他 们 的 意料 之 外 。 如 果 让 用 户 参与 开发 的 整个 过 程 ， 他 
们 就 能 在 第 一 时 间 了 解 产品 的 能 力 大 概 是 个 什么 样子 ， 也 能 更 好 地 理解 对 自己 的 工作 会 产生 多 大 
的 影响 。 他 们 也 能 理解 你 为 什么 要 这 样 或 那样 设计 产品 。 如 果 在 开发 过 程 中 产品 与 最 初 的 承诺 出 
现 了 偏差 ， 他 们 也 能 理解 这 些 改变 都 是 有 原因 的 ， 相 应 的 也 会 随时 调整 自己 的 目标 。 这 些 都 有 助 
于 避免 最 终 产 品 让 人 失望 的 情况 发 生 。 


另 一 方面 …… 他 们 才 是 真正 的 主人 


另 一 个 原因 是 让 用 户 对 产品 产生 “拥有 权 ”。 让 他 们 参与 设计 工作 ， 见 证 开发 的 辛苦 ， 并 且 感 
觉 到 自己 对 产品 的 完成 有 一 定 的 贡献 ， 这 会 使 他 们 认为 这 个 产品 是 自己 的 。 这 样 就 能 更 容易 地 接 
受 








C 


o 


人 们 总 是 渴望 自己 的 意见 得 到 重视 。 如 果 你 让 用 户 真正 地 参与 进来 ， 他 们 会 觉得 自己 对 于 这 
个 产品 非常 重要 ， 因 此 也 更 愿意 花 时 间 与 你 合作 。 


在 交付 产品 之 前 ， 让 用 户 开发 和 使 用 产品 也 能 够 增进 他 们 对 最 终 产品 的 理解 和 认同 度 。 很 多 东 
西 并 不 是 仅仅 通过 培训 或 演示 就 能 达到 的 。 付 出 了 心血 和 劳作 (有 时 候 可 能 是 繁重 的 劳作 ) 之 后 
他 们 就 会 对 自己 参与 开发 的 产品 产生 感情 ， 这 是 我 们 最 希望 看 到 的 。 


4.2 支持 用 户 ， 而 不 是 限制 他 们 


所 谓 “UCD 一 一 User Centered Design”， 指 的 是 你 应 该 以 用 户 和 他 们 的 目标 作为 产品 开发 的 
驱动 力 。 良 好 的 设计 应 该 支持 用 户 ， 而 不 是 限制 他 们 。 


这 是 一 种 设计 思想 ， 而 不 是 纯粹 的 技术 。 
要 支持 用 户 ， 以 下 有 几 条 具体 的 原则 : 
排 第 一 位 的 永远 是 用 户 ， 不 是 技术 
记 住 你 不 是 技术 的 奴隶 ， 用 户 也 不 是 。 你 要 问 的 问题 是 : “为 了 更 好 地 支持 用 户 ， 我 应 该 选用 


什么 技术 ? ”而 不 是 “这 项 新 技术 很 酷 ， 我 想 应 用 到 这 里 。” 再 新 的 技术 也 只 能 是 为 服务 所 用 ， 不 
能 本 未 倒置 。 








就 这 么 简 单 Ifs so easy 
一 一 业 eb 开发 中 的 可 用 性 和 用 户 体 验 


我 刚 发 明了 一 种 新 的 
远程 交互 技术 。 我 想 把 
它 放 到 新 产品 里 面 去 。 





给 他 们 最 习惯 的 环境 

这 也 是 旧 话 重 提 。 不 光 要 了 解 用 户 的 任务 目标 ， 你 也 一 样 需要 了 解 他 们 是 如 何 执行 任务 的 。 这 
种 对 应 用 环境 的 研究 能 让 你 找到 一 些 不 易 发 现 的 问题 。 用 户 在 他 们 最 习惯 的 环境 中 工作 是 最 理想 
的 ， 因 为 不 需要 再 去 学 习 。 但 这 不 是 说 要 把 那些 不 好 的 习惯 也 照搬 到 产品 里 面 去 。 


要 支持 用 户 ， 就 得 考虑 周全 


人 们 总 是 很 容易 犯错 误 ， 而 且 不 同 的 人 也 会 有 这 样 那样 的 限制 。 也 许 有 的 人 记性 不 好 ， 有 的 
人 老 喜 欢 走神 ， 还 有 些 人 连 英语 的 “Yes” 或 “No” 都 分 不 清 。 如 果 想 支持 用 户 ， 你 就 必须 考虑 这 
些 限 制 ， 从 而 降低 用 户 犯错 的 可 能 性 。 


经 常 向 他 们 咨询 意见 


不 管用 户 以 何 种 形式 、 何 种 程度 参与 开发 ， 你 都 应 尊重 他 们 的 意见 ， 这 非常 重要 一 一 哪怕 他 
们 有 时 候 提 出 的 意见 非常 幼稚 甚至 毫 无 逻辑 。 你 可 能 永远 无 法 清楚 地 了 解 用 户 的 想法 一 一 但 没有 
他 们 的 认可 ， 你 的 工作 就 没有 价值 。 





“Google 文件 ”就 极 大 地 支持 用 户 而 不 是 限制 他 们 。 这 种 “只 要 是 相关 用 户 ， 无 论 他 们 在 何 时 
何 处 ， 只 需 找 到 最 近 的 计算 机 登录 就 可 以 编辑 共享 文档 ”的 服务 方式 ， 无 疑 是 通过 研究 用 户 行 
为 和 应 用 环境 所 得 到 的 结论 。 与 此 同时 ， 你 还 可 以 对 所 有 用 户 更 改 的 历史 记录 进行 比较 ， 这 阴 
显 改 进 了 用 户 的 工作 。 


! 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


SALE Ny 


Google 文 件 messiah.book@igmail.com | 设置 | 帮助 | 退出 
Google (谷歌 ) 文件 中 文 版 上 线 一 在 线 同步 规划 您 的 生 话 已 在 2007 年 8 月 0 日 和 414 由 向 怡 六 绽 得 “ 适 同 贸 辑 “| 关闭 文档 
[区 旦 -| 编 必 。 括 入 “ 伪 订 碾 | 8 Hm RH 合 打 中 外 了 pt 攻 到 2 
加 到 修订 历史 记录 。 显示 文档 修订 版 净 vs. 条 作者 : 放 浸 


你 有 没有 过 这 样 的 经 历 ? 为 了 和 朋友 们 的 一 次 旅行 ， 在 同一 个 文件 上 编 略 订 票 信息 ， 一 个 邮件 发 了 12 次 ， 好 不 容易 把 所 有 人 的 意见 汇总 在 一 起 ， 整 理 出 了 一 个 像样 版 本 ， 突 棒 又 冒 
出 一 个 人 来 ， 在 旧版 本 上 把 他 的 部 分 重新 修改 了 一 遍 …… 狂 最 ! 那么 ， 你 一 定 也 兰 试 过 自己 给 自己 抄 送 闻 件 ， 只 是 为 了 能 在 另 一 台电 脑 上 打开 使 用 ? 


在 中 文 版 的 Google 文件 上 ， 你 可 以 : 


tt 也 可 以 直接 从 本 地 上 将 现成 的 文件 上 传 上 去 。Google 支持 多 数 流行 的 文件 格式 ， 比 如 上 传 Word 文档 、DpenOffice、RTF、HTML 或 文本 或 从 头 创 


2. 通 过 Srmat- 作 户 全 和 一 霸 任 全 一 安 电 恼 上 修 六 和 管理 六 什 -再 下 寺 关 用 六 什 竹 寺 生 攻 DEGREE ESIDEEIE3SIEIESSRESEEUEESSESIES 


@2007 Google - Google 文件 帮助 - 使 用 条 款 - 隐 肥 第 略 - 法 建 声 明 





针对 同一 文档 的 各 历史 版 本 进行 对 比 


Google 的 设计 师 们 同样 注意 了 避免 用 户 无 心 犯错 的 一 些 地 方 。 例 如 人 性 化 的 定时 保存 功能 ， 
你 再 也 不 用 担心 突然 遇 到 停电 或 死机 ， 可 以 高 枕 无 忧 地 编辑 文档 。 系 统 在 默认 情况 下 三 分 钟 保 
存 一 次 ， 并 会 显示 保存 日 期 和 时 间 。 








Google 文件 


Chant of the Rohirri GET [要 存 | [三 存 开关 
[区 fF 


玉 计 白 这 Bs Bim mast EE 
om 用 攀 B TU 不 全 各 多 旦 丘 汪 硬 理 的 夺 要 要 人 [| 梳 -[- 











Where now the horse and the rider? Where is the horn that was blowing? 
Where is the helm and the hauberk, and the bright hair flowing? 

Where is the hand on the harpstring, and the red fire glowing? 
Where is the spring and the harvest and the tall corn growing? 


They have passed like rain on the mountain, like a wind in the meadow. 


我 没有 点 击 “保存 ”， 但 Google 帮 我 做 了 


同时 “Google 文件 ”还 具备 多 人 协作 、 公 开发 布 和 网 络 共享 功能 。 所 有 者 对 文件 具有 所 有 权 ， 
也 能 邀请 更 多 的 协作 者 和 浏览 者 加 入 。 协 作者 同样 可 以 编辑 文件 ， 而 浏览 者 可 以 查看 文件 的 最 
新 版 本 ， 但 无 法 做 出 更 改 。 





前 单 rssoeasy 
一 Web 开发 中 的 可 用 性 和 用 户 体验 


messiah.bookBgmail.com | 文档 主页 | 帮助 | 退出 


Chant of the Rohirrim 保存 日 期 2007 年 10 月 1 日 上 午 731 保存 人 向 怡 宁 
[区 本 = 编辑 插入。 你 订 版 久生 Hm 


六 请 地 人 
昌 作为 协作 者 〇 作为 浏览 者 作为 查看 者 预览 文档 
查看 文档 更 RSS 供 箱 


[wanderingpalImerGyahoo couk 
| 





协作 者 (0) 
请 用 逗号 分 隔 上 电子 邮件 地 址 。 协作 者 可 以 编辑 文档 和 洱 请 更 多 人 员 。 
从 联系 人 中 选择 


查看 者 C0) 
查看 者 可 以 查看 文档 ,但 不 能 进行 编辑 ， 


可 洲 请 其 地 人 
只 有 所 有 者 可 以 对 此 进行 更 
回 任何 人 都 可 使 用 省 请 
交 评 邮件 列表 。 了解 洋 生 


加 2007 Google - Google 文件 帮助 - 使 用 条 款 - 隐私 第 略 - 法 律 声 明 





共享 文件 。 作 为 文件 的 所 有 者 ， 你 可 以 有 更 大 的 权限 


“Google 文件 ”还 支持 将 文档 发 布 到 网 上 ， 甚 至 是 你 的 博客 。 


messiah.bookGMmail,com | 文档 主页 | 帮助 | 退出 


Google 文 件 
“返回 篇 辑 关闭 文档 


Chant of the Rohirrim 保存 日 期 2007 年 10 月 18 日 上 午 731 保存 人 向 怡 宁 
| 文件 -| 编辑 ”插入 。 你 订 版 的 强 HTML 


博客 站 点 设置 


现 有 的 博客 服务 
句 托管 供应 商 ( 如 Blogger 等 等 ) 〇 我 自己 的 服务 器 / 自 定义 


提供 者 : [LiveJournalcom ~ 


现 有 博客 设置 
用 户 名 : |Messiah 密码 : 


博客 10 杯 题 : 
可 选 。 如 果 不 指定 ， 我 们 将 使 用 找到 的 第 一 个 
博客 ,您 以 后 可 以 更 改 


选项 
回 在 张贴 时 包含 文档 标题 ( 如 果 支持 的 话 ) 


?通过 Blogger - 要 为 您 的 博客 帖子 自动 分 类 ,只 要 将 已 经 用 在 博客 站 点 中 的 分 类 
名 称 作为 标签 加 在 文档 中 即 可 。 
国定] 区 0 
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我 相信 上 述 这 些 功 能 都 是 开发 小 组 在 充分 理解 了 用 户 特征 、 明 确 了 用 户 需求 后 所 得 出 的 。 例 如 
那些 拥有 自己 博客 的 “特殊 ”目标 用 户 。 虽 然 “Google 文件 ”提供 的 功能 选项 没有 Office 丰富 ， 





节 一 一 Web 开 发 中 的 可 用 性 和 用 户 体验 its s0 easy 


第 四 章 ”以 用 户 为 中 心 的 开发 





但 足以 应 付 我 们 日 常 的 办 公 需 要 。 这 些 功 能 极 大 地 支持 了 网 络 用户 。 


如 果 你 有 兴趣 ， 不 妨 尝 试 一 下 “Google 文件 ”这 样 一 款 在 线 办 公 软 件 (网址 是 http://docs. 
google.com/)。 它 确立 了 一 体 化 平台 ， 集 多 种 服务 于 一 身 。 我 不 是 在 做 广告 ，Google 也 不 会 因此 
给 我 什么 小 礼物 。 我 仅仅 只 是 想 在 可 能 的 情况 下 你 完全 可 以 尝试 一 下 与 Office 不 同 的 文档 处 理 系统 ， 
看 看 它们 之 间 的 差异 和 各 自 的 优 缺 点 一 一 不 过 有 一 点 : “Google 文件 ”是 完全 正版 免费 的 ， 你 在 
使 用 它 的 时 候 腰 杆子 完全 可 以 更 直 一 些 。 





4.3 如何 让 用 户 参 与 ? 


可 能 很 多 设计 师 并 不 太 和 希望 那些 “用 户 ” 突 然 出 现在 设计 团队 里 面 : 生疏 的 面孔 、 与 设计 
师 杀 然 不 同 的 工作 方式 、 或 小 心 丹 可 ( 当 他 们 觉得 设计 师 很 神秘 时 ) 或 专横 武断 ( 当 他 们 觉得 
自己 很 重要 时 ) 的 态度 、 以 及 那些 层出不穷 的 问题 要么 就 是 他 们 一 穿 不 通 ， 要 么 就 是 他 们 过 
于 投入 ) …… 


这 有 点 类 似 奇 幻 小 说 里 面 的 精灵 和 矮人 种 族 ， 他 们 天 生 就 是 死对头 一 “我 们 可 以 在 一 个 地 
球 上 ， 但 是 天 天 在 一 起 工作 …… 我 不 太 确定 会 有 什么 后 果 ! ” 
让 用 户 参与 开发 确实 可 能 令 人 不 太 适 应 ， 但 是 它 的 重要 性 和 好 处 我 想 你 也 知道 。 而 且 我 认为 你 


可 以 通过 一 些 手段 来 避免 两 个 种族" 合作 所 产生 的 种 种 麻烦 。 另 外 ,用 户 参与 设计 也 有 不 同 的 形式 ， 
你 可 以 针对 不 同 的 状况 来 决定 让 他 们 参与 的 程度 。 


4.3.1 用 户 参 与 的 不 同形 式 

关于 让 用 户 参 与 开发 的 程度 ， 我 们 不 如 先 看 看 两 个 极端 的 情况 ， 然 后 你 可 以 根据 实际 情况 来 
自由 掌握 。 
极端 之 一 : 让 用 户 作为 设计 组 成 员 


也 就 是 把 用 户 当 作 “自己 人 ”。 在 有 些 情 况 下 ， 用 户 可 以 全 职 或 兼职 加 入 到 设计 团队 中 来 。 如 
果 他 们 全 程 参与 项 目 ， 这 可 能 是 一 种 理想 情况 : 熟 门 熟 路 ， 配 合 默契 ， 同 时 他 们 也 能 够 透彻 地 理 
解 系统 及 其 原理 。 


但 是 ， 如 果 项 目 周期 太 长 ， 例 如 需要 几 年 的 时 间 ， 这 些 用 户 就 有 可 能 逐步 “ 晓 变 ”成 完全 的 
开发 者 。 他 们 会 与 其 他 那些 “真正 的 用 户 ” 失 去 联系 : 不 再 熟悉 产品 的 使 用 环境 ， 也 不 再 了 解 现 
在 的 需求 。 这 样 一 来 他 们 的 见解 就 不 再 那么 有 价值 了 。 








就 这 


和 简单 rssoeasy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 





两 年 前 我 是 怎么 
生 作 有 国 必 


如 果 用 户 是 兼职 参与 项 目的 开发 ， 可 能 情况 会 好 一 点 。 但 是 你 又 会 面临 一 个 新 的 问题 ， 就 是 


如 何 管理 
的 材料 ， 





和 控制 他 们 。 这 些 可 怜 的 家 伙 身 兼 两 职 ， 他 们 既 需 要 学 习 新 的 术语 和 知识 、 处 理 不 熟悉 
还 得 完成 自己 本 来 的 日 常 工作 。 这 种 压力 可 能 相当 大 。 


也 许可 以 让 不 同 的 用 户 轮流 兼职 参与 开发 ， 例 如 每 3 个 月 更 换 一 批 参 与 设计 的 用 户 。 但 是 这 
又 面临 着 不 同 用 户 之 间 的 差异 性 。 


极端 之 


二 : 用 户 远 距离 参与 设计 


另 一 个 极端 是 让 用 户 仍然 做 自己 的 工作 ， 只 不 过 定期 通过 邮件 或 报告 的 方式 接收 有 关 项 目 进 
展 的 信息 。 偶 尔 会 集合 他 们 对 产品 进行 讨论 。 这 也 是 一 个 有 效 的 方法 ,同样 能 够 使 用 户 对 产品 有 “ 拥 
有 权 ”， 同 时 也 不 会 出 现 “最 终 产品 无 法 满足 期 望 ”的 情况 。 


但 是 这 种 方法 的 效率 有 些 不 够 高 ， 那 些 时 间 紧 迫 的 项 目 就 更 难说 了 。 


有 些 头 疼 ， 咽 哼 ? 





用 户 与 开发 工作 距离 的 远近 ， 需 要 你 针对 具体 的 项 目 进行 具体 分 析 。 比 如 说 ， 如 果 存 在 大 量 
的 用 户 〈 如 成 千 上 万 的 用 户 )， 你 就 可 以 采取 折衷 的 方法 ， 让 各 个 用 户 组 派 代表 以 全 职 的 形式 加 入 
设计 团队 ， 而 其 他 的 用 户 则 参加 集体 讨论 或 者 其 他 数据 搜集 的 活动 。 


一 一 W_eb 开 发 中 的 可 用 性 和 用 户 体验 Its so easy 


第 四 章 “以 用 户 为 中 心 的 开发 





另外 ， 如 果 用 户 比 较 容易 确定 ， 例 如 为 某 一 个 公司 开发 的 产品 ， 那 么 让 用 户 参与 就 比较 容易 ， 
因为 很 明显 该 公司 的 员工 就 是 用 户 。 而 且 因为 他 们 需要 这 个 产品 ， 相 互 间 的 协作 也 更 为 方便 ， 完 
全 可 以 配合 开发 工作 借调 员工 来 参与 设计 。 但 如 果 开 发 的 是 面向 开放 市 场 的 产品 (例如 游戏 网 站 )， 
就 不 太 可 能 让 用 户 作为 设计 小 组 的 成 员 。 


4.3.2 ”用 户 参与 的 是 与 非 


“以 用 户 为 中 心 ”的 方式 是 让 用 户 参与 开发 ， 从 他 们 的 角度 来 考虑 设计 ， 最 终 达 到 他 们 的 目标 。 
但 是 ， 这 并 不 代表 着 你 得 “一 切 都 听 用 户 的 "。 这 是 一 个 辩证 的 观点 。 


最 正确 的 态度 应 该 是 :“ 别 只 相信 技术 ,也 别 只 相信 用 户 ”。 用 户 并 不 是 专业 的 开发 人 员 ， 
所 以 有 时 候 他 们 提出 的 意见 只 能 作为 参考 。 你 不 能 完全 按照 他 们 的 意思 来 。 这 是 因为 用 户 可 能 会 
在 参与 设计 的 过 程 中 表现 出 以 下 特点 : 


@ ”他 们 可 能 会 时 缩 不 前 

有 些 用 户 并 不 是 以 “主人 翁 ” 的 姿态 参与 开发 ,这 是 最 让 人 失望 的 地 方 。 并 不 是 说 他 们 很 傲慢 ， 
相反 ， 他 们 过 于 拘束 。 而 且 很 多 人 受 限于 一 个 传统 的 观点 :“ 这 是 技术 人 员 的 工作 ， 而 我 只 是 
个 用 户 而 已 。” 有 时 候 让 他 们 做 出 决策 是 一 件 很 困难 的 事情 。 有 一 次 我 给 一 位 用 户 两 种 执行 任 
务 的 方案 ， 希 望 听 听 他 觉得 哪 种 比较 好 ， 他 沉默 了 一 会 儿 然 后 说 : “我 没什么 意见 ， 你 给 我 什 
么 方案 我 就 用 什么 方案 。 这 完全 由 你 决定 。 


@ ”他 们 没有 系统 开发 的 背景 

这 是 一 把 “ 双 刃 剑 "。 有 时 候 这 是 好 事 ， 因 为 他 们 不 会 被 技术 的 框框 给 限制 位 ， 所 以 可 能 愿意 
接受 新 思路 。 但 不 了 解 开发 常识 又 可 能 导致 他 们 思路 狭窄 习惯 于 自己 熟悉 的 使 用 方式 ， 哪 
怕 很 难 用 。 如 果 他 们 已 经 尝试 过 或 拥有 过 一 个 系统 ， 那 么 新 系统 往往 很 难 有 所 突破 。 


@ ”他 们 的 意图 不 可 预测 ， 也 分 不 清 主 次 

有 可 能 他 们 在 初期 没有 什么 主张 ， 但 随 着 项 目的 进行 开始 “灵感 乍 现 ”， 变 得 过 于 “投入 ”， 
夸 夸 其 谈 。 他 们 很 可 能 会 在 即将 要 结束 设计 的 时 候 提出 很 多 复杂 的 想法 ， 要 求 对 产品 进行 重 
大 的 改动 。 这 就 意味 着 要 把 现 有 成 果 整 个 推翻 ， 所 有 努力 付 诸 东 流 。 这 很 令 人 轿 笑 不 得 。 


@ ”他 们 很 容易 担 惊 受 怕 
有 些 用 户 可 能 很 喜欢 这 种 参与 性 的 工作 ， 不 用 动 太 多 脑筋 ， 却 又 能 被 人 当 作 权威 来 征求 意见 。 
这 种 心态 可 能 导致 他 们 “害怕 ”受到 不 好 的 评价 甚至 丢掉 这 份 工作 ， 所 以 不 管 是 好 的 意见 还 
是 坏 的 意见 都 不 敢 提出 来 。 有 时 候 由 于 担心 增加 自己 的 工作 负担 ， 他 们 也 会 变 得 比较 “中 庸 ”。 
但 这 不 是 我 们 希望 看 到 的 。 
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说 实话 ， 这 个 系统 精 适 了 。 
那些 设计 师 整 天 都 不 知道 在 
二 一 什么。 
~ 我 觉得 很 多 地 方 都 要 改 ， 但 
没 针 但 是 别 老 SS 又 丰 知 从 里 必 起， 


人 他们。 毕竟 在 这 里 
每 周 能 多 拿 500 元 





两 个 用 户 的 对 话 


@ ”用 户 期 望 值 可 能 过 高 

还 有 一 些 用 户 是 “唯美 主义 者 "。 而 且 他 们 也 不 了 解 开发 工作 的 困难 程度 ,所 以 很 多 要 求 过 于 “ 严 
苛 ” 而 不 够 “宽容 "。 在 技术 可 能 无 法 实现 ， 或 者 即使 实现 也 需要 非常 高 的 代价 时 ， 他 们 总 是 
无 法 理解 你 “为 什么 做 不 到 ”。 这 会 给 我 们 增加 很 大 的 压力 。 


以 上 这 些 都 是 很 有 可 能 发 生 的 情况 。 用 户 不 主动 不 好 ,用 户 过 于 “主动 也 不 好 。 但 不 管 怎么 说 ， 
你 仍然 有 必要 让 他 们 参与 到 开发 过 程 中 来 。 用 户 需 要 正确 的 引导 ， 你 也 需要 甄别 他 们 的 意见 哪些 
是 积极 而 重要 的 ， 而 哪些 又 是 没有 很 大 帮助 的 。 这 需要 在 实践 中 逐步 领会 。 所 以 ， 你 必须 正确 地 
面 对 用 户 ， 同 时 保持 清醒 的 认识 。 





4.4 别 用 望远镜 ， 要 现场 研究 


只 是 把 用 户 请 到 办 公 室 里 面 参与 设计 还 不 够 ， 你 还 需要 “现场 研究 "。 也 就 是 说 ， 你 需要 深入 
到 用 户 的 工作 环境 中 去 ， 观 察 他 们 如 何 执行 日 常 的 活动 。 作 为 观察 者 ， 你 应 该 专注 于 用 户 所 处 的 
环境 ， 尽 量 多 参与 他 们 的 日 常 工作 ， 不 管 是 交谈 、 会 议 还 是 阅读 文档 。 


坐 在 自己 的 办 公 室 里 ， 只 用 望远镜 远 距离 地 观察 他 们 是 不 够 的 。 


4.4.1 关于 现场 研究 
用 户 们 习惯 了 自己 日 常 的 事务 ， 认 为 所 有 的 东西 都 是 理所当然 的 ， 所 以 往往 会 名 略 一 些 事务 
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的 重要 性 。 如 果 不 是 在 自己 熟悉 的 环境 下 ， 他 们 可 能 根本 就 想 不 起 来 这 些 事情 。 





现场 研究 的 目的 就 是 要 揭示 这 些 隐 含 的 东西 。 在 与 用 户 合作 的 过 程 中 ， 不 要 和 他 们 保持 距离 ， 
你 应 该 深入 到 他 们 的 日 常 工作 中 去 ， 研 究 他 们 工作 的 环境 ， 观 察 他 们 如 何 执行 任务 ， 在 过 程 中 又 
遇 到 了 哪些 不 便 。 近 距离 地 观察 用 户 能 够 让 你 了 解 他们 真实 的 工作 过 程 《有 时 候 并 不 像 他 们 故意 
表现 的 那样 美好 )， 此 外 还 能 了 解 用 户 与 用 户 之 间 的 协作 、 工 作 的 流程 。 














这 其 实 是 一 件 很 有 意思 的 事情 ， 你 可 以 籍 此 离开 计算 机 一 段 时 间 ， 观 察 一 些 对 你 而 言 比较 陌 
生 的 事物 ， 而 它们 通常 都 是 五 花 八 门 的 。 你 也 许 要 去 某所 幼儿 园 ， 也 许 是 某 个 大 超市 ， 说 不 定 还 
可 能 是 国家 火箭 航天 科研 生产 中 心 。 

















你 们 一 般 在 什么 环境 下 工作 ? 


咕 … 就 是 这 种 环境 ， 咕 … 





很 难 明确 地 描述 “现场 研究 ”到 底 能 够 获得 什么 数据 ， 这 是 由 这 个 方法 的 本 质 决定 的 。 它 是 
一 种 体验 ， 而 不 是 某 种 具体 的 过 程 。 你 能 观察 和 体验 到 的 内 容 包括 : 


用 户 在 工作 的 时 候 是 否 戴 着 耳机 昕 音乐 ? 
办 公 室 里 面 是 否 吵闹 ? 
当 用 户 在 操作 出 现 问题 后 ， 是 找 人 帮忙 还 是 自己 尝试 着 解决 ? 
他 们 使 用 的 鼠标 有 没有 滚 轴 ? 
会 的 时 候 是 不 是 经 常 有 人 人 迟到 或 早退 ? 参加 会 议 的 人 是 不 是 来 去 很 自由 ? 

















你 需要 把 这 些 “不 太 像 数据 ”的 信息 记录 下 来 ， 并 且 对 其 做 出 合理 的 解释 ， 然 后 与 设计 团队 
的 其 他 成 员 分 享 这 些 体验 。 你 们 的 目的 是 分 析 这 些 信 息 对 正在 设计 的 产品 会 有 什么 影响 ， 然 后 看 
看 能 不 能 改进 用 户 的 工作 习惯 。 








有 一 家 游戏 设计 公司 开发 了 一 套 企业 管理 系统 , 这 套 系统 集成 了 员工 日 常 需要 的 绝 大 部 分 功能 ， 
非常 实用 。 其 中 的 内 部 邮件 系统 是 一 种 方便 公司 上 下 沟通 的 机 制 。 系 统 的 开发 人 员 为 了 方便 用 
户 ， 特 地 在 首页 放置 了 一 个 小 版 块 以 提醒 用 户 目前 有 邮件 需要 确认 。 
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oe@ 


交 联众 全 业 日 记 “ 关于 施行 《 联 闪 公司 制 大 审批 这 各 》 的 证 知 5 四 10:04 ”四 10:04 
* 拯 朱 和 全 倡 这 书 
“* 基于 报销 交通 绵 及 招待 大 家 的 规定 
加 CEO 论坛 “二 关 让 同 基 林业 各 内 部 褒 和 1 
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但 是 开发 人 员 没有 注意 到 ， 公 司 里 面 有 些 部 门 是 由 从 事 图 形 设计 方面 工作 的 员工 组 成 的 ， 例 如 
平面 设计 部 门 和 动画 部 门 。 这 些 设 计 师 普遍 不 喜欢 受 约束 ， 厌 倦 公司 的 来 往 公告 和 通知 ， 对 那 
些 枯燥 的 文字 很 反感 。 他 们 根本 不 悄 花 费时 间 去 收 邮件 ， 也 从 来 不 发 。 他 们 认为 有 事 拨 电话 就 
行 ， 不 需要 什么 麻烦 的 邮件 。 


所 以 ， 很 多 员工 的 内 部 邮箱 塞 满 了 未 读 邮 件 。 他 们 对 那个 版 块 上 日 益 增 加 的 数字 无 动 于 束 。 这 
样 一 来 邮件 系统 对 他 们 而 言 纯 粹 变 成 了 摆设 。 


但 是 ， 并 不 能 说 这 些 邮件 都 是 他 们 认为 的 “垃圾 信件 “。 可 能 确实 会 有 些 工作 流程 需要 他 们 进 
行 E-Mail 确认 ,也 可 能 会 有 些 涉及 他 们 自身 利益 的 通知 。 长 期 这 样 下 去 肯定 会 影响 他 们 的 工作 。 


这 就 是 开发 人 员 不 太 注 重 “ 现 场 研究 ”的 结果 。 他 们 的 想法 很 好 ， 但 是 没有 深入 到 用 户 身边 去 
观察 和 体验 。 他 们 不 知道 还 有 这 样 一 个 “族群 "， 根 本 视 内 部 邮件 为 无 物 。 


也 许 我 们 可 以 针对 这 种 情况 提出 一 些 解决 建议 。 例 如 可 以 划分 邮件 的 重要 等 级 ， 当 员工 收 到 非 
常 重要 的 邮件 却 又 没有 阅读 的 时 候 , 系统 在 当天 应 不 允许 他 们 在 系统 中 签 退 , 或 者 再 次 强制 提醒 。 


视 及 计生 日 快乐 ¢ 于 机 六 戏 事业 部 ) 
Beiiing NewYork v 
回 党 要 确认 的 闻 御 13 件 和 汪 生 入 的 此 入 9822 08121 


下 看 邮箱 


号 联众 企业 日 记 H 品 10:04 ”四 10:04 


司 12 层 工 位 图 向 17 层 工 位 图 
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不 看 就 别 想 下 班 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


第 四 章 ”以 用 户 为 中 心 的 开发 





4.4.2 ”你 是 师傅 ， 我 是 徒弟 一 一 “从 师 求教 ”过 程 中 要 注意 的 几 个 问题 

“现场 研究 ”强调 的 是 到 用 户 工作 的 环境 中 ， 在 用 户 工作 时 观察 ， 并 和 用 户 讨论 他 的 工作 。 用 
户 知道 你 (也 就 是 研究 人 员 ) 的 存在 ， 他 们 也 知道 自己 是 研究 的 一 部 分 。 你 也 会 向 用 户 提出 各 式 
各 样 相关 的 问题 ， 这 就 好 像 木 工 师 传 带 徒弟 一 样 ， 用 户 是 师 传 ， 而 徒弟 先 在 一 旁 站 着 看 师 传 干 活 ， 
过 到 不 懂 的 就 问 。 


在 这 个 “从 师 求教 ”的 过 程 中 ， 你 也 要 注意 几 个 方面 的 问题 。 


不 是 在 会 客室 


你 是 在 用 户 正常 使 用 产品 的 环境 里 观察 他 们 ， 而 不 是 去 他 们 公司 做 客 。 在 会 客室 里 围 着 桌子 
谈话 那 不 是 观察 ， 也 不 在 现场 。 你 要 在 他 们 工作 的 时 候 观 察 ， 在 堆 满 了 他 们 每 天 使 用 的 产品 的 环 
境 里 向 他 们 提问 ， 这 样 才能 够 发 现 他 们 行为 的 所 有 重要 细节 。 


如 果 你 不 太 了 解 用 户 的 思考 过 程 ， 可 以 要 求 他 “有 声 思考 "， 用 语言 描述 自己 的 思维 。 你 
也 可 以 在 必要 的 时 候 向 他 们 提问 。 当 然 ， 不 要 过 于 影响 他 们 的 正常 工作 。 观 察 和 讨论 可 以 交替 
进行 。 


建立 正确 的 关系 
正确 的 关系 就 是 师 徒 般 的 关系 。 很 多 时 候 用 户 总 是 没有 摆 正 我 们 的 位 置 ， 例 如 : 


@ 总 把 我 们 视 为 专家 

他 们 觉得 “研究 人 员 ” 都 是 很 厉害 的 高 级 专家 。 想 想 ， 研 究 一 个 人 和 他 的 工作 ， 一 般 人 谁 会 
想到 做 这 些 事情 。 但 你 必须 要 提醒 他 们 ， 正 是 因为 了 解 得 不 够 才 专门 来 研究 。 在 这 里 ， 在 他 
们 的 领域 ， 他 们 自己 才 是 专家 ， 而 你 是 去 学 习 的 。 


@ ”总 把 我 们 当 作 采访 者 

提问 的 过 程 总 会 让 人 感觉 是 在 受 采 访 。 而 事实 也 确实 如 此 ,一 般 都 是 我 们 提问 题 ,他 们 回答 。 
这 种 错觉 导致 的 情况 是 ， 当 你 没有 提问 的 时 候 他 们 就 觉得 你 全 都 了 解 了 ， 于 是 便 被 动 地 等 
待 下 一 个 问题 。 在 这 种 时 候 你 得 强调 ， 你 需要 他 主动 的 指导 ， 应 该 把 你 当成 是 刚 来 工作 的 
新 手 。 


@ ”总 是 以 客 相 待 
还 有 些 时 候 他 们 客气 过 头 了 。 现 场 研究 的 过 程 中 一 直 在 给 你 端 茶 倒 水 ， 唯 唯 诺 诺 。 但 你 是 在 
工作 ,不 是 做 客 消 遗 。 
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该 问 就 大 胆 问 


欢迎 您 来 研究 我 们 
的 工作 


如 果 在 观察 中 你 发 现 对 某 些 问题 有 疑虑 ， 必 须 马上 提出 来 。 一 定 要 小 心 避免 出 现 这 种 情况 ， 就 


是 不 经 过 用 户 的 验证 ， 
用 户 的 行为 。 


而 自己 片面 地 对 事实 做 出 解释 或 者 假设 。 有 时 候 你 的 理解 并 不 能 正确 解释 


所 以 ， 你 需要 让 用 户 来 解释 这 些 问 题 。 即 使 你 能 解释 ， 也 要 把 这 些 想法 分 享 给 用 户 ， 让 他 们 来 
验证 这 些 结论 是 否 正确 。 如 果 你 们 已 经 确立 了 正确 的 师 徒 关系 ,用 户 就 会 很 在 意 你 的 理解 是 否 正确 
而 且 会 及 时 更 正 各 种 误解 。 


不 要 跑题 太 远 
在 “现场 研究 ” 








h， 用 户 是 主角 ， 所 以 他 们 往往 会 把 问题 引 到 自己 感 兴趣 的 地 方 。 这 没 问 题 ， 


因为 你 可 以 了 解 哪些 问题 是 他 们 最 关心 的 。 


但 是 ， 你 也 不 能 让 研究 活动 漫 无 边际 地 进行 ， 不 然 会 很 浪费 时 间 。 你 需要 巧妙 地 引导 他 们 ， 把 
研究 的 焦点 集中 在 一 定 的 主题 上 。 


这 就 表示 在 进行 研究 之 前 , 你 就 得 准备 一 个 大 致 的 观察 方向 , 并 且 保 证 按照 这 个 方向 进行 下 去 。 
这 并 不 是 说 要 你 准备 好 每 一 个 问题 ， 而 是 让 你 知道 有 哪些 问题 需要 关注 。 


j 单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


SN 





4.4.3 ”这 不 是 你 的 地 盘 ， 别 太 不 拘 小 节 

在 进行 现场 研究 的 时 候 ， 一 定 要 注意 合理 性 和 礼节 。 这 可 是 人 家 的 地 盘 。 贸 然 地 插入 到 用 户 
日 常 工作 中 去 ， 也 许 会 引起 反感 和 不 适 : “我 知道 这 是 为 了 能 更 好 地 支持 我 的 工作 ， 但 是 我 每 天 已 
经 够 忙 了 ， 现 在 又 来 个 家 伙 整 天 在 我 旁边 呆 着 。” 


所 以 ， 别 一 见面 就 进入 正题 。 先 培养 一 下 积极 、 和 谐 的 气氛 ， 例 如 可 以 共 进 午餐 ， 融 洽 气 氛 。 
在 平时 你 们 也 可 以 谈论 一 些 共 同感 兴趣 的 话题 。 表 现 出 你 的 友善 、 轻 松 和 易于 接近 也 很 必要 ， 关 
键 是 让 用 户 感觉 不 受 拘束 ， 轻 松 自在 。 


当然 ， 不 要 迟到 ， 不 要 为 用 户 增 添 不 必要 的 麻烦 。 例 如 : 


提问 时 不 要 打 断 用 户 的 任务 或 思考 。 

不 要 提 带 有 倾向 性 或 者 误导 性 的 问题 。 

尽量 使 用 开放 式 的 问题 。 

不 要 使 用 专业 术语 ， 他 们 不 一 定 能 理解 。 

不 要 帮助 用 户 ， 你 不 是 在 为 客户 服务 。 帮 助 用 户 会 让 他 们 感到 不 好 意思 ， 那 会 影响 研究 
效果 。 

@。 摆 正 自己 的 位 置 ， 不 要 向 用 户 卖弄 你 的 产品 …… 你 是 在 做 销售 还 是 做 研究 ? 


您 为 什么 不 用 办 公 室 的 
电话 昵 ? 这 也 是 一 种 工 
作 习 惯 吗 ? 








区 经 简 单 Its so easy 
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由 于 现场 研究 是 在 用 户 的 场所 进行 ， 所 以 你 还 需要 注意 一 些 其 他 细节 : 


在 研究 进行 当中 最 好 关 掉 手机 (好 吧 如 果 你 坚持 ， 那 就 关 掉 手 机 的 铃声 )。 
如 果 是 在 比较 私人 的 场所 ， 尽 量 避 免 使 用 用 户 的 卫生 间 。 

如 果 需 要 录像 ， 事 先 征 得 用 户 及 其 上 级 的 同意 。 

摄像 机 最 好 有 足够 的 电池 。 除 非 用户 同 意 ， 否 则 不 要 拔 下 它们 的 插头 。 
@ 


4.4.4 我 们 能 得 到 什么 ? 
“现场 研究 ”后 得 到 的 信息 很 难 被 明确 地 描述 出 来 。 因 为 这 些 信息 可 能 很 大 ， 而 且 很 零散 。 但 
是 你 也 不 能 拿 着 一 堆 资 料 却 不 加 以 整理 。 总 不 能 像 无 头 苍蝇 一 样 找 不 到 重点 。 


我 们 可 以 通过 一 种 叫做 “ 亲 和 图 ”的 方式 来 把 记录 进行 合并 ， 整 理 为 层次 清晰 的 文档 。 


“ 亲 和 图 ”是 1953 年 川 喜 田 二 郎 (Jiro Kawakita) 在 尼泊尔 探险 时 发 明 的 。 他 用 这 种 方法 整 
理 研 究 在 野外 的 调查 结果 资料 。 这 是 一 种 把 收集 到 的 大 量 各 种 数据 、 资 料 ， 按 照相 互 之 间 的 亲 和 
性 进行 归纳 整理 ， 使 问题 明朗 化 ， 从 而 获得 统一 认识 的 方法 。 


这 是 因为 ， 不 同 的 记录 可 能 存在 某 种 程度 上 的 相似 性 ， 因 此 可 以 组 合 在 一 起 。 这 是 一 种 归纳 
的 方法 ， 即 : 


一 起 。 


(3 把 它们 归纳 到 


找 出 来 的 记录 放 在 一 边 , 然 后 继续 这 个 过 程 ,直到 所 有 的 记录 都 被 分 类 。 这 个 方法 其 实 很 简单 ， 
只 要 一 点 耐心 谁 都 能 做 ， 也 不 需要 任何 计算 。 所 谓 的 列 出 记录 ， 就 是 把 信息 记 在 便条 纸 上 ， 然 后 
把 它们 都 贴 在 墙 上 或 者 白板 上 进行 整理 。 这 样 每 个 人 都 能 很 容易 地 看 到 ， 而 且 方 便 分 类 。 


还 是 拿 前 面 的 那个 内 部 邮件 系统 做 例子 。 


昆 3 电子 邮件 


6M/500M (1.3% 合 用) 
日 收 诈 东 

日 趟 款 邮 御 (0) 
的 导入 


全 部 邮件 
证 批 p 件 
已 关 送 邑 件 
确 tRB 件 
草 条 条 


齐 垃 城 莘 
党 用 选项 
日 立 件 夹 (管理 ) 
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写 新 邮件 的 界面 


我 们 对 这 样 一 个 内 部 邮件 系统 进行 “现场 研究 ”后 会 得 到 很 多 信息 。 不 同 的 用 户 可 能 关注 着 不 
同 的 方面 ， 也 会 有 各 种 各 样 的 看 法 ， 记 录 的 时 候 肯定 也 是 乱七八糟 的 。 


这 种 时 候 你 便 可 以 用 便条 纸 制作 “ 亲 和 卡 ”, 并 且 以 颜色 区 分 。 注 意 , 每 项 记录 的 文字 应 该 简单 、 
精炼 、 明 了 。 最 后 的 亲 和 图 大 概 是 下 面 这 个 样子 (当然 是 一 小 部 分 ) : 





贴 在 白板 上 的 亲 和 图 





这 人 Ss 简 单 Its so easy 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


你 看 到 的 黄色 便条 纸 是 现场 研究 后 获得 的 用 户 反馈 意见 。 我 根据 某 种 逻辑 关系 把 这 些 记录 进行 
了 分 组 , 然后 用 绿色 便条 纸 标 明 类 别 。 这 样 就 能 知道 用 户 对 哪些 部 分 都 有 了 哪些 意见 , 一目了然。 
所 以 ， 在 当 我 需要 对 某 个 部 分 进行 改动 或 设计 的 时 候 ， 就 能 拿 这 些 作为 依据 和 参考 。 很 明显 这 
种 表现 方法 比 零散 的 资料 要 清晰 得 多 。 





一 个 老外 对 我 说 :， “你们 中 国 太 奇 妙 了 ， 尤 其 是 文 
字 方 面 。 比 方 说 ， “中国 队 大 胜 美 国 队 ”， 是 说 中 
国 队 胜 了 ; 而 “中 国 队 大 败 美 国 队 ”， 还 是 说 中 国 
队 胜 了 。 总 之 ， 胜 利 永远 属于 你 们 。 
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众所周知 ，Web 是 开放 性 的 。 不 管 我 是 哪个 国家 、 哪 个 地 区 的 人 ， 只 要 我 能 上 网 ， 那 么 就 可 
能 会 浏览 到 你 的 网 站 ， 成 为 你 的 用 户 。 也 许 我 看 不 懂 页 面 上 的 文字 ， 但 是 也 仍然 可 能 对 某 些 东西 
感 兴趣 。 没 错 , 每 个 产品 都 会 有 自己 面向 的 特定 用 户 , 但 任何 人 都 不 会 说 : "老外 来 这 个 网 站 没 意 义 ， 
我 不 欢迎 他 们 。” 

同时 ， 国 际 间 的 技术 合作 和 交流 也 越 来 越 频繁 。 某 个 国家 的 设计 人 员 为 其 他 国家 的 客户 开发 
网 站 或 产品 早已 不 足 为 奇 (我 曾经 参与 过 一 个 游戏 的 设计 ， 它 有 11 种 语言 )。 如 果 你 只 以 自己 熟 
悉 的 思维 方式 来 考虑 用 户 界面 和 设计 ， 就 无 法 保证 每 个 用 户 都 能 顺利 地 理解 。 









































这 就 好 像 我 们 国家 的 麦当劳 和 美国 的 麦当劳 并 不 相同 一 样 。 他 们 考虑 了 中 国人 的 口味 ， 所 以 
大 部 分 食品 都 比 那 边 更 甜 一 些 。 

如 果 你 想 开发 的 是 像 “Google 文件 ”那样 针对 全 球 用 户 的 产品 ， 那 么 就 更 应 当 注 意 不 同 国家 
和 地 区 之 间 的 文化 背景 差异 。 











是 的 ， 我 建议 你 们 买 < 
Vi sta 的 家 庭 版 
但 没有 蒙古 包 版 。 





5.1 什么 是 文化 的 差异 ? 
别 以 为 文化 的 差异 只 是 语言 和 文字 的 不 同 。 
在 不 同 的 文化 背景 下 ， 人 们 的 思考 模式 、 决 策 、 情 感 偏好 以 及 解决 问题 的 方法 等 等 都 存在 着 相 
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当 大 的 差别 。 众 所 周知 , 美国 人 自由 开放 , 而 中 国人 则 内 向 须 腊 。 这 种 差别 是 千 百 年 来 不 同 的 历史 、 
风俗 、 传 统 教育 等 造成 的 ， 是 一 时 之 间 没 法 扭转 的 事实 。 


与 此 同时 ， 就 算是 在 使 用 同样 语言 文字 的 同一 个 群体 中 ， 也 存在 着 文化 差异 。 例 如 在 中 国 总 
有 人 说 北方 人 粗 久 豪迈 ， 而 南方 人 精打细算 。 美 国 也 有 所 谓 东 海岸 和 西海 岸 之 间 的 差异 。 





但 反 过 来 说 ， 即 使 是 使 用 不 同 语言 文字 的 群体 ， 也 并 不 代表 在 文化 上 就 没有 共通 点 。 例 如 对 中 
国人 来 说 ,欧洲 人 和 美国 人 的 思维 方式 就 存在 许多 共通 点 (都 是 “西方 人 ”) ,而 对 欧美 来 说 ,中 国人 、 
韩国 人 和 日 本 人 也 比较 相似 。 


在 那些 经 济 快速 发 展 .社会 高 速 变 化 的 国家 和 地 区 (例如 中 国 ) ,大 众 文化 也 在 不 停 地 发 生变 化 。 
例如 两 代 人 之 间 的 代沟 非常 明显 。 中 国 的 年 轻 人 更 容易 也 更 热衷 于 接受 西方 文化 。 








有 些 人 做 过 很 多 文化 差异 的 研究 , 其 中 Geert Hofstede (荷兰 Maastricht 大 学 组 织 机 构 的 人 类 
学 和 国际 管理 名 誉 教授 ) 研究 了 53 个 国家 和 地 区 的 文化 差异 后 ， 提 出 了 “五 个 文化 差异 维度 ” 
这 一 概念 。 这 也 许 是 最 广为人知 的 文化 差异 模型 : 


@ 权力 距离 
组 织 和 团体 (例如 国家 和 家 庭 ) 中 ， 弱 势 群体 接受 与 期 待 权 力 不 平 等 分 配 的 程度 。 


@ 个 人 主义 和 集体 主义 
表示 个 人 与 群体 的 联系 程度 。 集体 主义 ”这 个 词 在 这 里 指 的 是 群体 ， 而 不 是 政府 。 


@ 男性 特质 和 女性 特质 
指 性 别 间 的 角色 分 布 。“ 男 性 特质 ”代表 着 武断 和 竞争 性 , “女性 特质 ” 则 更 具有 温和 、 关 怀 的 
价值 标准 。 


@ 不 确定 性 规避 

这 是 衡量 一 个 社会 对 于 不 确定 与 疑问 的 容忍 程度 。 “不 确定 性 规避 文化 ”的 国家 里 的 人 们 更 情 
绪 化 , 为 内 部 的 情感 力量 所 驱动 。 而 相反 的 “不 确定 性 接受 文化 ” 则 更 容忍 与 常规 不 同 的 选择 。 
他 们 更 冷静 、 更 富 于 思考 ， 不 会 因为 环境 而 表达 情感 。 


@ ”长 期 取向 与 短期 取向 
这 是 他 根据 在 中 国 的 研究 成 果 增 加 的 。 长 期 取向 的 价值 观 注重 节约 与 坚定 ， 短 期 取向 的 价值 观 
则 尊重 传统 ， 履 行 社会 责任 ,而 且 很 爱 “ 面 子 ”。 


让 我 们 具体 看 看 中 国 与 美国 人 的 差异 大 概 是 个 什么 样子 : 


@ ”美国 人 不 喜欢 高 度 结构 化 的 信息 ， 他 们 偏好 散漫 、 人 性 化 。 而 中 国人 则 相反 。 而 且 美 国人 





就 这 么 简单 trssoeasy 
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不 太 重 视 权威 、 证 书 、 公 章 等 等 这 些 概念 。 但 对 中 国人 来 说 ， 有 了 时候 老 总 的 相片 会 产生 很 
大 的 影响 。 


@ ”美国 人 更 自我 , 强调 事实 , 喜欢 与 众 不 同 , 讲究 创新 和 个 人 英雄 主义 (看 看 那些 好 莱 坞 大 片 )。 
而 中 国人 则 一 直 在 避免 从 群体 中 孤立 ， 而 且 强调 与 他 人 的 关联 (“团结 就 是 力量 ")。 


@ ”美国 人 之 间 性 别 的 角色 比较 模糊 ， 还 有 相当 一 部 分 的 女权 主义 者 ; 中 国 男女 性 别 的 区 分 则 
更 为 明显 (日 本 更 为 强烈 )。 


@ ”美国 人 的 思维 跳跃 性 比较 强 ， 因 此 需要 避免 容易 迷失 的 设计 。 他 们 表面 化 的 思维 方式 决定 
了 页 面 上 不 能 有 太 多 的 选择 ， 提 供 的 数据 也 必须 有 限 ， 而 且 最 好 是 能 够 预测 结果 的 操作 。 
导航 对 他 们 来 说 更 为 重要 。 中 国 用 户 则 更 为 习惯 打开 新 窗口 浏览 。 他 们 上 网 时 可 以 接受 更 
多 的 风险 ， 喜 欢 页 面 中 包括 更 大 的 信息 量 。 


@ ”美国 人 更 注重 事实 以 及 确定 性 , 对 目标 的 结果 有 实时 的 期 望 。 中 国人 则 重视 实用 价值 , 对 结果 
更 有 耐心 。 另 外， 美国 人 对 信息 的 可 信和 度 是 以 规则 为 标准 的 ， 中 国 用 户 更 多 注重 关系 。 


但 就 像 我 之 前 所 说 的 ， 中 国 的 文化 一 直 在 发 生 着 变化 ， 我 们 也 需要 对 其 进行 不 断 地 认 知 ， 从 
而 不 断 地 修正 。 


5.2 ”对 于 Web 和 Web-based 产 品 来 说 


除了 上 面 说 的 一 些 差别 之 外 ， 不 同文 化 的 用 户 对 于 时 间 取 向 、 认 知 程度 、 网 页 视觉 反映 等 等 
方面 都 存在 着 差异 。 


5.2.1 一 次 要 做 几 件 事 ? 
同 认识 

















不 同文 化 的 用 户 对 “时 间 ” 和 “效率 ”的 不 


有 一 些 专家 认为 ， 不 同文 化 的 用 户 对 如 何 看 待 “时 间 ” 和 “效率 ”有 着 明显 的 不 同 。 例 如 是 
否 遵守 时 间 、 如 何 安排 工作 和 生活 ， 以 及 如 何 调整 时 间 进 度 等 等 。 这 些 因素 会 影响 对 网 页 和 其 他 
交互 产品 的 操作 方式 。 





这 些 专家 通过 观察 认为 ， 德 国 、 英 国 、 荷 兰 、 芬 兰 、 美 国 以 及 澳大利亚 的 人 比较 倾向 于 一 次 
完成 一 个 任务 。 这 些 国家 的 人 把 时 间 视 为 线性 的 ， 分 为 许多 段落 ， 一 次 专注 于 一 件 事情 ， 而 且 比 
较 遵 守 规 则 与 程序 。 他 们 不 习惯 同时 做 许多 事情 。 这 些 用 户 在 上 网 的 时 候 也 表现 出 线性 的 浏览 模式 ， 
他 们 点 选 更 多 的 链接 ， 看 完 一 个 页 面 就 关闭 一 个 ， 所 以 花 的 时 间 也 比较 长 。 








而 意大利 、 法 国 、 西 班 牙 . 巴西 和 印度 的 人 , 则 更 喜欢 一 次 做 多 件 事 。 他 们 更 为 弹性 地 运用 时 间 
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统筹 安排 ， 不 一 定 严格 遵守 规则 、 流 程 与 时 间 表 。 所 以 他 们 偏好 同时 进行 好 几 项 任务 ， 交 替 地 运 
用 时 间 。 例 如 边 听 音乐 边 聊天 ， 用 电脑 写 报告 ， 同 时 还 在 下 载 新 游戏 。 





中 国 用 户 更 喜欢 一 次 做 一 件 事 ， 但 是 大 多 数 情况 下 却 被 迫 必须 同时 进行 多 项 任务 。 例 如 使 用 
搜索 引擎 的 时 候 ， 他 们 可 能 一 次 就 点 开 很 多 搜索 结果 链接 。 如 果 某 些 页 面 打开 的 速度 比较 慢 ， 他 
们 会 先 放 在 一 边 ， 然 后 继续 搜索 结果 ， 等 到 这 些 页 面 打开 后 再 进行 浏览 。 这 有 时 候 会 让 人 感觉 有 
点 疲劳 。 

















这 样 能 够 方便 员工 看 时 间 


@ ”一 次 做 一 件 事 的 用 户 

如 果 用 户 在 一 段 时 间 内 只 专注 一 个 任务 ， 可 能 会 导致 包 视 整体 的 情况 ， 甚 至 会 忽略 对 警告 的 反 
应 。 而 且 这 些 用 户 因 为 过 于 重视 清楚 的 流程 ， 如 果 系 统 出 现 不 明 情况 或 发 生变 化 的 时 候 ， 他 们 
一 般 不 会 根据 新 的 情况 来 做 出 相应 的 改变 。 





对 于 这 种 用 户 来 说 ， 你 需要 提供 清晰 的 结构 和 流程 ， 而 且 尽 量 做 到 面面俱到 。 提 供 减少 失误 
的 辅助 系统 ， 当 出 现 了 错误 或 意外 情况 时 ， 最 好 能 提供 完善 的 提示 和 说 明 。 


@ ”一 次 做 好 几 件 事 的 用 户 

这 些 人 在 运用 时 间 方 面 更 有 弹性 ， 但 同时 也 充满 了 不 确定 。 他 们 可 能 会 在 网 页 或 者 系统 
之 间 转 来 转 去 ， 和 希望 全 面 掌 握 整 体 的 情况 ， 但 也 可 能 因为 这 些 转换 而 产生 失误 。 例 如 他 
们 可 能 因为 忘记 之 前 的 状况 而 选择 错误 的 步骤 或 者 规则 ， 或 者 把 这 个 网 站 的 某 些 特性 记 
成 另外 一 个 网 站 。 





对 于 这 种 用 户 来 说 ， 必 要 的 提示 和 引导 是 非常 重要 的 。 任 务 与 任务 之 间 应 有 所 区 别 ， 别 让 他 
们 迷失 了 方向 。 明 确 告诉 他 们 ， 我 的 特性 是 我 所 独 有 的 ， 别 记 混 了 。 如 果 是 非常 重要 的 操作 ， 禁 
止 他 们 切换 到 其 他 任务 去 也 是 个 好 办 法 。 




















文 人 简 单 its so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体 验 








5.2.2 ”高 度 认 知 和 低 度 认 知 

有 些 人 对 于 大 部 分 该 具备 的 信息 都 已 经 了 然 于 心 ， 他 们 在 交互 时 只 需要 了 解 很 少 的 信息 就 能 正 
常 完成 任务 。 想 想 两 个 一 起 长 大 的 双胞胎 ,他 们 彼此 之 间 可 能 一 个 眼神 就 能 知道 对 方 想 表 达 的 意思 ， 
沟通 非常 简短 而 有 效率 。 





咽 . 高 度 认 知 


低 度 认 知 的 人 则 正好 相反 ， 他 们 需要 阅读 大 量 的 信息 ， 必 要 的 情况 下 可 能 还 要 一 些 符号 或 者 图 
案 加 以 辅助 。 如 果 没 有 足够 的 信息 量 , 他 们 很 容易 感到 怀疑 . 迷 侦 和 不 明 所 以 。 这 不 是 说 他 们 都 是 “条 
蛋 "， 只 是 因为 他 们 的 思维 更 注重 细节 ， 需 要 证 实 再 证 实 才 可 能 去 认同 一 件 事情 。 





2 我 想 他 们 彼此 现在 属于 低 度 认 知 


很 多 专家 认为 中 国 是 高 度 认 知 的 国家 之 一 。 中 国人 是 高 度 认 知人 群 中 的 最 高 者 ， 这 是 值得 骄 
傲 的 一 件 事情 。 高 度 认 知 的 人 偏好 自由 与 广泛 的 信息 流通 ， 不 管 是 搜集 信息 还 是 处 理 或 传递 信息 ， 
彼此 之 间 的 寻求 和 给 予 都 非常 频繁 ， 属 于 高 度 的 信息 共享 (一 个 不 太 正面 的 例子 : 想 想 我 们 是 如 
何 传播 和 下 载 电 影 、 音 乐 和 软件 的 ) 。 








疹 单 一 -W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 
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而 在 德国 等 低 度 认 知 的 区 域 ， 信 息 相当 的 零散 和 片面 ， 信 息 通常 也 不 会 共享 ， 而 且 通常 都 经 
过 筛选 。 这 些 地 区 的 人 在 处 理事 物 时 ， 总 是 习惯 要 对 该 事物 有 全 盘 的 了 解 才 肯 信任 它 。 








如 果 你 为 高 度 认 知 的 用 户 群 提供 过 多 的 信息 ， 他 们 可 能 会 感到 不 耐烦 ,或 者 感觉 被 人 “了 瞧 
不 起 ”。 而 当 你 没有 提供 足够 的 信息 量 给 那些 低 度 认 知 的 用 户 时 ， 他 们 就 会 感到 困惑 ， 似 乎 遗 
漏 了 重要 的 线索 。 


对 于 Web 和 Web-based 产品 而 言 ， 高 度 认 知 的 用 户 浏览 网 络 的 速度 比较 快 。 他 们 往往 比 低 
度 认 知 的 用 户 要 更 快捷 地 到 达 某 个 页 面 ， 因 为 他 们 所 点 击 的 超 链接 比较 少 。 这 些 人 更 会 找 “ 捷 径 ”， 
一 箭 中 的 ， 对 于 不 相关 的 内 容 就 自然 而 然 地 忽略 。 但 正 是 由 于 这 种 习惯 ， 他 们 不 愿意 去 对 信息 进 
行 全 盘 的 了 解 〈 因 为 这 很 麻烦 ) ， 所 以 更 容易 产生 “迷失 ”的 现象 ， 在 网 络 的 虚拟 空间 中 失去 方向 
感 和 位 置 感 。 他 们 可 能 几 步 操作 就 来 到 了 “ 某 处 "， 但 是 却 不 知道 该 如 何 继续 “前 进 "， 因 为 他 们 
没有 去 了 解 结构 和 规则 。 





相对 而 言 ， 低 度 认 知 的 用 户 虽然 浏览 的 速度 比较 慢 ， 打 开 的 网 页 比较 多 ， 但 却 不 容易 在 上 网 
时 感到 迷失 方向 ， 而 且 也 不 会 失去 目标 。 


如 果 你 的 目标 用 户 较为 偏向 高 度 认 知 ， 就 应 该 在 每 个 网 页 或 界面 上 都 完整 详细 地 呈现 出 信息 
架构 ， 提 供 较 多 的 导航 支持 ， 从 而 避免 他 们 迷失 其 中 。 


5.2.3 ”功能 还 是 关系 ? 一 一 中 国 用 户 和 美国 用 户 的 区 别 


这 个 问题 涉及 到 Web 或 Web-based 产品 的 信息 架构 设计 。 有 些 研究 表明 ， 中 国 用 户 使 用 关 
系 型 具体 分 类 系统 更 加 有 效 ， 而 美国 用 户 则 更 偏向 于 使 用 功能 型 抽象 分 类 系统 。 


所 谓 “ 关 系 型 ”分 类 系统 ， 体 现 出 实际 生活 中 事物 之 间 的 联系 ， 是 一 种 比较 具体 、 表 面 化 的 
分 类 方式 。 如 果 有 一 个 在 线 超市 的 网 站 ， 按 下 列 方式 进行 分 类 就 属于 “关系 型 ”分 类 系统 ， 而 且 
更 适用 于 中 国 用 户 : 





























关系 型 信息 结构 





区 多 简 单 its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





而 “功能 型 ”分 类 系统 则 更 偏向 于 体现 实际 功能 之 间 的 差异 ， 这 种 分 类 方式 更 为 抽象 一 些 。 同 
样 是 在 线 超市 的 例子 ， 下 列 分 类 方式 则 更 适合 于 美国 用 户 : 








功能 型 信息 结构 


很 明显 这 种 导航 分 类 在 我 们 中 国人 看 来 是 不 习惯 的 。 


5.2.4 ”网 页 和 界面 的 视觉 反映 一 一 中 国 用 户 的 神奇 能 力 

有 一 个 非常 有 意思 的 情况 是 : 中 国 的 门户 网 站 与 国外 相 比 ， 信 息 量 大 得 令 人 吃惊 。 而 且 它们 的 
主页 非 党 长， 普遍 的 情况 下 需要 翻 屏 5 到 6 次 才能 浏览 完整 个 页 面 。 这 些 门 户 网 站 都 试图 在 超 长 
的 主页 上 提供 所 有 可 使 用 的 信息 , 而 且 充斥 着 各 种 各 样 的 链接 、 不 同 大 小 的 文字 、 争奇斗艳 的 色彩 ， 
以 及 闪耀 华丽 的 动画 广告 。 甚 至 于 满 页 面 漂浮 的 动画 也 非常 普遍 ， 像 搜狐 这 样 的 大 型 门户 网 站 还 
有 整 屏 的 背 投 广告 。 
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不 管 你 相信 与 否 . 这 就 是 新 浪 的 首页 











就 2 人 久 闻 单 its so easy 


铭 SoHU. com 背 投 广告 


准确 捕捉 你 的 “会 夭 碗 - 





搜狐 的 背 投 广告 ,每 当 打开 搜狐 网 站 后 就 覆盖 了 整个 屏幕 


这 些 设 计 在 几乎 所 有 国际 上 的 人 机 交互 研究 中 ， 都 被 认为 存在 严重 的 可 用 性 问题 ， 是 绝对 不 可 
行 的 设计 。 因 为 用 户 在 超 量 信息 的 网 页 上 很 容易 忽略 所 要 找 的 链接 。 但 是 在 我 们 国家 ， 门 户 网 站 
显示 这 种 “海量 ”的 信息 却 是 普遍 的 标准 。 再 来 看 看 Yahool ,同样 是 门户 网 站 (还 是 国际 性 大 门户 )， 
首页 也 只 有 这 么 多 内 容 ， 而 且 所 有 的 广告 都 是 静态 的 ， 绝 不 会 干扰 用 户 的 注意 力 。 
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国 的 用 户 与 众 不 同 吗 ? 还 是 说 中 国 的 用 户 具 有 某 种 能 力 ， 根 本 不 把 超 量 的 信息 当成 问题 ? 


也 许 长 时 间 以 来 他 们 已 经 习惯 了 这 种 方式 ， 从 而 培养 出 不 同 的 偏好 ， 或 者 说 锻炼 出 了 不 同 的 能 力 。 





另 一 个 常见 的 问题 是 中 国门 户 网 站 上 任何 页 面 都 泛滥 成 灾 的 动画 广告 ， 这 同样 也 是 不 被 国际 


交互 领域 所 认同 的 设计 ， 因 为 它们 极 大 地 干扰 了 用 户 浏览 正常 信 





息 。 有 时 候 一 些 网 站 甚至 在 网 页 





入 简单 msseasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








正文 的 部 分 插入 大 面积 的 动画 广告 : 


























搜狐 财经 | uss ,mmmg 
中 国 局 动产 品质 量 和 食品 安全 专项 整治 为 期 4 个 月 
2007 年 08 月 26 日 07 :41 [我 来 说 两 名 (16)] [字号 :大 中 小] 


中 国 浏 图 外 光 来 源 ， 中 国 新 闻 网 
中 新 网 8 月 25 日 电 中 国 今天 开始 全 面 局 动 为 期 四 个 月 的 全 国产 品 硕 量 和 食品 安全 





站 炉 图 尾 了 汀 转 | 短信 | 彩信 | 音乐 | 图 吧 | 旺 3 | 小 灵通 


专项 台 治 行动 Ye 1 
国家 质 析 总 局 局 长 李 长 江 、 党 组 书记 李 传 盾 、 副 局 长 薄 长城 和 氏 传 中 分 别 赴 黑 龙 6 
江 、 四 川 、 广 东 和 浙江 四 省 进行 整治 行动 的 稀 师 动员 。 国 家 质 检 苇 局 要 求 参 加 专项 整治 人 号 
行动 的 全 体 人 员 ， 要 本 着 为 a -更 
人 民 负 责 、 为 国家 负责 、 为 * 投 有 车 设 有 以。 。 和 看 向 爱 上 火炮 


民族 负责 的 态度 ， 坚 决 贯彻 人 
* 大 学 尘 澳 事 件 * 苍 花 公子 


*， 超 泌 耐 尔 载 ，。 新 美人 主义 


* 高 血压 一 一 效 重 大 突破 “里 闹 ! 郊 疗 一 断根 新 突破 和 
， 糖 尿 病 一 一 全 新 疗法 4 * 8 7 肝病 HBY 一 治疗 一 新 亮点 
。 美 女 丰胸 一 一 大 揭秘 ( 图) “ 祷 疗 、 苯 麻疹 为 何 久 治 不 俘 
“快速 解决 男性 大 “ 难 ” 题 ? 。 抬 全 糖尿 病 一 一 惊 世 发 现 
“ 脱发、 白 发 科技 新 成 果 (图 ) 。 袖 尿 瑟 、 益 疗 一 一 德国 新 药 
， 帕 全 森 -- 巍 美 缩 一 康复 之 路 * 补 阳 紧 一 一 男人 强大 的 秘 决 








有 时 候 希望 在 广告 的 位 置 上 贴 块 胶布 





有 人 研究 得 出 的 结论 是 ， 中 国 用 户 能 够 察觉 到 动画 闪现 和 移动 的 规律 ， 从 而 在 脑 中 能 忽视 动画 
的 和 干扰， 做 到 视而不见 。 但 我 认为 并 不 是 所 有 人 都 有 能 力 做 到 这 一 点 ， 因 为 仍然 有 很 多 用 户 在 自 
己 所 用 的 Web 浏览 器 中 屏蔽 了 Flash 插件 , 干脆 从 此 不 看 任何 Flash 动画 ， 以 此 达到 眼前 “清净 ” 
的 目的 。 

具有 中 国 特色 的 网 站 设计 对 中 国 的 用 户 来 说 ， 存 在 的 问题 很 多 ， 这 和 国际 上 交互 领域 所 得 出 的 
结论 是 一 样 的 。 但 是 ， 可 能 中 国 用 户 对 此 已 经 形成 了 特定 的 使 用 习惯 ， 所 以 不 觉得 问题 非常 严重 。 
5.2.5” 谁 的 错 ? 一 一 有 人 批评 产品 有 人 自我 批评 

不 同文 化 背景 下 的 用 户 ,在 Web 或 Web-based 产品 的 使 用 中 出 现 问题 或 者 效率 低下 的 时 候 ， 
对 于 问题 产生 原因 的 认识 也 不 一 致 。 也 就 是 说 ， 哪 怕 是 同样 的 产品 ， 在 不 同文 化 下 用 户 的 满意 度 
也 不 一 样 。 
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Yahoo! 曾经 做 过 一 项 研究 ， 邀 请 中 国人 台湾 和 芝加哥 的 用 户 分 别 在 他 们 的 网 站 上 执行 同样 的 搜 
索 任务 。 结 果 发 现 ， 两 组 用 户 对 搜索 的 结果 和 效率 相差 不 大 ， 但 是 对 结果 的 满意 程度 却 有 了 明显 
的 差别 。 


芝加哥 的 用 户 效率 不 高 ， 他 们 提出 了 一 些 产品 上 存在 的 问题 。 而 台湾 地 区 的 用 户 也 对 结果 不 满 

意 ， 但 是 却 更 趋向 于 自我 批评 。 他 们 认为 效率 不 高 是 自身 的 原因 ， 因 为 他 们 觉得 自己 还 不 太 了 

解 Yahoo! 的 搜索 引擎 ， 也 不 知道 该 搜 些 什么 。 同 时 ， 他 们 认为 可 以 经 过 强化 练习 来 提高 效率 。 

中 国 包括 其 他 亚洲 地 区 的 用 户 ， 当 感觉 到 出 现 问题 的 时 候 ， 更 多 地 把 原因 归结 到 自己 身上 ， 而 
不 是 认为 产品 需要 改善 。 这 可 能 有 一 部 分 对 自我 信心 不 足 的 原因 。 这 种 倾向 一 方面 表示 亚洲 地 区 
的 用 户 更 善于 提高 对 自己 的 要 求 ， 他 们 很 可 能 在 初次 接触 产品 时 更 愿意 先 自我 学 习 ， 而 不 是 挑 毛 
病 :但 另 一 方面 ， 他 们 较 低 的 自我 评价 也 不 利于 对 产品 的 改善 。 例 如 在 对 产品 进行 用 户 测试 的 时 候 ， 
他 们 很 可 能 不 善于 对 产品 提出 有 建设 性 的 要 求 。 


5.3 国际 化 和 本 土 化 设计 中 要 注意 的 问题 


随 着 中 国 和 世界 日 益 广 泛 的 交流 ， 很 多 在 世界 各 地 开发 的 产品 逐步 进入 中 国 市 场 ， 而 同时 在 
中 国 设计 的 产品 也 会 被 输出 到 国外 。 


这 对 于 你 来 说 ， 就 是 产品 国际 化 和 本 土 化 的 问题 。 








x 











@“ 国 际 化 ”是 指 设计 的 产品 需要 尽量 适应 绝 大 部 分 国家 或 地 区 。 也 就 是 产品 的 “兼容 性 ”。 
@ “本 土 化 ” 则 是 指针 对 某 个 国家 或 地 区 设计 的 产品 ， 需 要 专门 进行 某 些 调整 。 也 就 是 产品 
的 “针对 性 ”。 


这 两 者 相互 之 间 并 不 矛盾 。 对 我 们 来 说 ， 产 品 的 国际 化 是 一 种 普遍 意义 上 的 追求 ， 开 发 的 网 
站 或 产品 应 当 在 一 定 程度 上 满足 世界 各 地 用 户 的 可 用 性 需求 。 但 是 ， 如 果 某 个 重点 地 区 的 用 户 在 
使 用 习惯 上 与 其 他 地 区 有 相当 大 的 差别 ， 你 就 需要 进行 调整 以 适应 这 些 用 户 。 

















例如 ， 一 个 公司 的 网 站 有 中 文 和 英文 两 个 版 本 ， 这 就 是 “讲究 国际 化 ”的 设计 ; 但 如 果 这 个 
公司 在 德国 有 很 多 重要 的 客户 ， 那 么 他 们 就 可 能 需要 专门 再 开发 一 个 德语 的 版 本 ， 这 就 是 网 站 “本 
土 化 ”的 策略 。 








下 面 是 我 们 在 国际 化 或 本 土 化 设计 中 所 需要 注意 的 一 些 方面 : 
注意 适 配 分 辨 率 的 大 小 
在 我 们 国家 ，1024 x 768 像素 分 辩 率 的 显示 器 是 主流 ， 有 些 幸运 的 设计 师 使 用 的 还 是 1280 x 











1024 的 分 辩 率 (比如 说 我 )， 更 别提 1600 x 1200 的 庞然大物 了 。 但 是 不 一 定 每 个 国家 都 有 像 我 们 
这 样 好 的 计算 机 硬件 环境 。 很 多 非洲 国家 通用 的 仍旧 是 800 x 600 像素 的 分 辩 率 。 此 外 ， 你 还 需 
注意 的 是 现在 宽屏 笔记 本 电脑 的 流行 ， 屏 幕 更 宽 也 就 意味 着 高 度 更 小 ， 一 屏 内 显示 的 内 容 反而 可 
能 会 有 所 减少 (比如 常见 的 1280 x 800 像素 分 辩 率 ) 。 
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可 是 1280X800 分 辩 率 下 就 不 是 那么 完美 无 “ 缺 ” 了 
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尽量 多 用 被 广泛 接受 的 图 标 

在 不 会 太 影响 (尤其 是 网 站 的 ) 页 面体 积 的 情况 下 ， 你 应 该 多 使 用 一 些 不 带 有 地 区 性 限制 的 图 
标 。 例 如 ,使 用 房屋 住宅 图 案 表 示 “首页 "或 “起 始点 " ,不管 在 世界 上 哪个 国家 或 地 区 都 是 很 直观 的 。 
如 果 用 户 看 不 懂 与 之 相连 的 文字 ,或 者 视力 不 太 好 ， 他 们 同样 也 可 以 通过 这 种 图 标 来 理解 其 含义 。 
而 且 这 也 能 帮助 他 们 减少 记忆 量 。 注 意 ， 图 标 一 定 不 要 表意 不 明 。 








HOME 


绘制 图 标 时 注意 地 域 性 

由 于 不 同 地 区 有 不 同 的 环境 ， 所 以 表现 同样 内 容 的 标志 也 有 可 能 不 相同 。 伊 斯 兰 教 国家 的 住宅 
图 形 可 能 会 被 其 他 国家 的 人 当 作 “ 宫 殿 ” 或 “主题 公园 ”图 标 。 再 比如 “邮寄 ”或 “电子 邮件 ”图 标 ， 
通常 我 们 使 用 邮箱 或 者 邮 简 的 图 案 ， 但 是 世界 各 地 邮箱 或 邮 简 的 形状 各 不 相同 。 很 可 能 某 个 地 区 
的 人 们 能 立即 辨识 出 来 的 邮箱 图 形 ， 另 外 一 个 地 区 的 人 们 却 从 来 没有 见 过 。 这 种 情况 下 ， 用 邮 疏 
或 者 邮票 的 形式 就 能 解决 这 个 问题 ， 因 为 邮票 是 世界 通用 的 。 
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翻译 时 使 用 用 户 习 惯 的 表达 方式 

每 种 语言 都 有 自己 的 成 语 或 俗语 ， 如 果 使 用 得 当 ， 就 会 有 非常 好 的 效果 。 例 如 英语 原文 是 
“Remember the past and it will guide your future.”， 直 译 为 “ 记 住 过 去 ， 将 会 引导 我 们 的 将 来 ” 
当然 也 算 不 错 ,， 但 如 果 改 成 “前 事 不 忘 后 事 之 师 ” 就 会 更 “本 土 化 ”一 些 。 还 有 些 俗语 弄 错 了 意 
思 就 会 六 笑话。 “be all ears” 的 意思 是 洗 耳 恭 听 ， 这 个 还 好 理解 ,“rat race” 呢 ?老鼠 赛跑 ? 


注意 不 同 地 区 使 用 的 单位 和 格式 

这 个 很 容易 理解 。 我 的 一 个 英国 朋友 在 向 中 国人 描述 尺寸 大 小 的 时 候 ， 总 要 事先 在 脑子 
英尺 换算 为 公 尺 单位 。 因 为 大 部 分 中 国人 对 英寸 英尺 并 没有 直观 的 概念 。 
注意 文字 的 输入 


我 们 主要 需要 注意 一 下 全 角 和 半角 的 输入 模式 。 计 算 机 系统 中 ,中 文字 是 以 双 字 节 方 式 存储 的 ， 
而 标准 英文 字母 则 是 单字 节 。 如 果 在 中 文 全 角 模 式 中 输入 英文 字母 、 标 点 或 数字 ， 也 同样 会 以 双 
字 节 方式 显示 。 比 如 经 常 有 人 把 “lt”s” 输 入 成 “It”s”， 其 中 的 引号 是 不 规范 的 。 另 外 ， 如 果 用 
户 以 全 角 模式 输入 电话 号 码 或 者 密码 ， 系 统 就 可 能 会 错误 地 处 理 这 些 数据 。 





上 
昔 


1234567890abcABC,.;,:"" 


1234567890abcABC,。.;:“” 
上 面 是 半角 输入 ， 下 面 是 全 角 输 入 


避免 出 现 对 某 些 地 区 不 适用 的 信息 

如 果 只 是 针对 部 分 地 区 推出 的 产品 或 服务 ， 就 不 要 在 全 球 范围 内 打 广告 。 你 不 会 在 Apple 中 
国 地 区 的 网 站 上 找到 任何 关于 iPhone 的 信息 。 如 果 你 没有 专门 针对 各 个 地 区 的 网 站 版 本 ， 那 么 至 
少 请 在 广告 上 注 明 该 活动 针对 的 范围 。 另 外 ， 在 网 页 上 提供 有 关 经 济 、 政 治 观点 和 地 区 间 关 系 的 
内 容 时 ， 更 需要 格外 注意 ， 否 则 很 可 能 极 大 伤害 用 户 的 情感 甚至 引起 法 律 纠纷 。 


其 他 方面 


此 外 ， 你 还 需要 充分 考虑 不 同 地 区 用 户 与 用 户 之 间 不 同 的 道德 观 、 价 值 观 、 沟 通 方式 以 及 特 
殊 的 喜 恶 等 方面 ， 这 方面 的 一 些 例子 包括 : 

















@ ”手势 和 体态 的 意义 
很 多 手势 或 者 动作 在 不 同 地 区 所 表达 的 意义 完全 不 同 。 比 如 在 有 些 国家 (例如 阿尔 巴 尼 亚 、 印 
度 和 巴基斯坦 ) 人 们 摇头 表示 同意 ， 点 头 却 表示 不 同意 。 
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@ ”人 种 、 性 别 、 宗 教 信仰 
设计 图 形 标志 的 时 候 一 定 要 注意 。 老 外 也 不 一 定 全 部 都 信 耶 稣 。 





@ ”喜好 和 习惯 
例如 大 多 数 中 国人 认为 8 是 吉祥 数字 ， 但 西方 国家 则 更 多 认为 7 是 吉祥 数字 。 


@ ”交往 和 相处 

礼仪 、 称 呼 和 用 语 各 个 地 区 都 不 一 样 。 有 些 国家 直接 用 人 的 名 字 来 称呼 对 方 ， 可 以 表示 亲近 ， 
但 另 一 些 国家 在 不 是 很 熟悉 的 情况 下 只 能 以 姓氏 来 称呼 对 方 ， 否 则 就 会 被 视 为 冒犯 和 不 识 体 
统 。 


@ ”颜色 的 使 用 
有 些 国家 把 高 醒目 的 红色 标识 为 警告 色 ,表示 “禁止 ”, 但 在 中 国 红 色 同 时 却 代表 着 喜庆 和 吉祥 。 
与 此 同时 ， 在 医院 等 场所 警告 色 又 变 成 了 黄色 ， 这 是 因为 红色 和 血液 的 颜色 太 相近 容易 混淆 。 


很 明显 ， 人 类 文化 差异 的 复杂 性 远 远 不 止 上 述 的 这 些 因 素 。 你 在 设计 中 可 能 会 遇 到 各 种 各 样 的 
问题 , 而 解决 它们 需要 广泛 的 知识 背景 和 经 验 , 而 通常 这 都 是 超出 一 般 设计 范畴 之 外 的 。 与 此 同时 ， 
它们 也 意味 着 你 需要 更 多 的 开发 时 间 和 资源 。 


但 不 要 因此 而 忽视 这 些 因素 。 如 果 你 开发 的 产品 将 在 不 同 的 文化 环境 中 使 用 , 或 者 说 产品 有 相 
当 数 量 的 用 户 来 自 于 不 同 的 文化 环境 ， 忽 视 文化 的 差异 很 可 能 会 导致 很 多 可 用 性 方面 的 问题 ， 其 
至 可 能 是 整个 产品 的 失败 ， 而 这 是 非常 危险 的 。 这 些 问 题 越 早 被 关注 ， 就 会 解决 得 越 好 ， 最 终 的 
成 本 也 会 越 低 。 


所 以 你 需要 在 设计 过 程 中 做 好 以 下 方面 的 工作 : 

@ 在 项 目 开始 阶段 ， 就 全 面 完 整地 定义 产品 所 面向 的 所 有 文化 环境 和 用 户 习 惯 。 

@ 在 了 解 用 户 及 需求 的 阶段 ， 就 要 针对 不 同文 化 背景 的 用 户 ， 同 时 也 需要 邀请 他 们 参与 测试 。 
@ ”在 设计 过 程 中 ， 时 时 注意 顾及 全 部 的 用 户 ， 注 重 “ 全 球 化 ”的 设计 主张 。 


@ ”有 条 件 的 情况 下 ， 洲 请 具有 国际 化 和 本 土 化 设计 经 验 的 专业 人 员 ， 对 各 个 环节 提供 指导 和 
咨询 。 





a 


生 


既然 他 们 都 视而不见 ， 这 么 做 还 有 意义 吗 ? 我 还 不 如 
把 时 间 用 来 做 点 公益 劳动 ， 起 码 那样 还 有 人 看 得 到 我 
的 付出 。 
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[的 可 用 性 





我 们 一 直 都 在 说 可 用 性 的 问题 。 强 调 “以 用 户 为 中 心 ”的 原则 就 是 为 了 充分 地 理解 用 户 和 他 
们 的 任务 ， 从 而 最 大 限度 地 提升 产品 的 可 用 性 ， 让 他 们 能 够 “无 需 思 考 ” 地 使 用 产品 ， 从 而 把 注 
意 力 集中 在 任务 本 身 。 


这 也 就 是 说 ,不 管 是 Web 也 好 ,Web-based 产品 也 好 ,用 户 界 面 不 应 给 他 们 带 来 不 必要 的 困扰 。 
用 户 访问 页 面 或 者 使 用 产品 , 他 们 的 目的 不 是 为 了 “与 产品 发 生 交互 ”本 身 , 而 是 要 完成 某 项 任务 。 








有 一 句 话 叫做 “最 好 的 界面 是 让 用 户 感觉 不 到 界面 "。 它 的 意思 是 说 ， 好 的 用 户 界 面 应 该 具有 
最 高 的 可 用 性 。 这 种 良好 的 可 用 性 能 帮助 用 户 把 注意 力 集中 在 任务 上 面 ， 而 不 是 被 迫 去 思考 自己 
的 方法 是 不 是 合乎 规范 ， 会 不 会 带 来 不 好 的 结果 。 如 果 用 户 在 使 用 网 页 或 产品 的 过 程 中 感到 举 棋 
不 定 、 展 首 展 尾 和 心烦 意 乱 ， 那 只 能 说 明 这 是 一 款 失败 的 设计 。 














我 在 这 里 把 “可 用 性 ”归纳 为 以 下 的 十 六 字 方 针 : 


不 言 而 喻 ”简单 易学 ”轻松 自如 没有 风险 





在 这 一 章 和 下 面 一 章 ， 我 将 分 别 从 网 页 和 Web-based 产品 两 个 方面 来 尝试 解答 下 面 的 问题 : 
1) 可 用 性 有 多 重要 ? 
2) 如 何 提升 可 用 性 ? 


6.1 人 们 是 如 何 使 用 网 页 的 ? 
人 们 在 上 网 的 时 候 一 般 是 什么 样 的 ? 
他 们 实际 使 用 网 络 的 方式 ， 完 全 不 是 你 想象 的 那样 。 尤 其 是 当 你 正在 设计 网 页 的 时 候 。 


当 我 们 创建 网 站 的 时 候 ， 我 们 认为 用 户 打开 网 页 之 后 都 会 仔细 阅读 每 一 个 文字 ， 看 清楚 整个 
网 页 的 结构 ， 思 考 每 一 张 图 片 所 蕴含 的 意义 ， 然 后 经 过 仔细 的 权衡 ， 小 心 翼 翼 地 点 击 某 个 超 链接 
或 按钮 。 





但 实际 上 用 户 们 使 用 网 站 的 方式 和 我 们 的 想象 之 间 有 很 大 差距 。 他 们 只 是 在 每 个 页 面 上 普 一 
眼 ， 眼 光 无 顺序 地 扫 过 一 些 文字 ， 然 后 点 击 第 一 个 令 他 们 感 兴趣 的 或 者 大 致 符合 他 们 寻找 目标 的 
链接 。 通 常 来 说 页 面 上 的 很 多 部 分 他 们 看 都 不 看 ， 也 不 感 兴趣 。 


我 并 不 是 说 用 户 都 是 些 注意 力 不 集 中 而 且 毫 无 理性 的 家 伙 。 在 他 们 的 头脑 中 ， 只 是 关注 着 他 
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们 来 到 这 个 网 页 所 要 达到 的 目标 。 比 如 说 想 买 一 款 新 的 手机 ， 或 者 找 点 工作 所 需要 的 资料 。 即 使 
在 他 们 无 聊 的 时 候 ， 他 们 光临 网 站 也 只 是 为 了 找 点 能 够 解闷 的 东西 ， 欣 赏 网 站 本 身 并 不 是 他 们 的 
目的 (当然 学 习 如 何 设计 网 站 的 时 候 除外 )。 


我 们 希望 用 户 这 样 …… 
快速 地 四 处 查看 
一 旦 看 到 大 概 
符合 要 求 的 对 旬 
点 击 
最 后 小 心 选择 不 对 头 ? 回 到 这 
并 点 击 一 个 链接 个 页 面 再 来 一 次 





但 这 并 不 是 说 你 就 可 以 放弃 细节 、 随 意 设 计 。 清 晰 的 结构 、 美 观 的 图 片 和 没有 歧义 的 文字 都 能 
帮助 用 户 快速 地 找到 自己 感 兴趣 的 东西 。 如 果 用 户 稍 不 顺心 或 者 不 耐烦 ， 他 们 很 可 能 马上 就 关闭 
这 个 网 页 ， 拂 袖 而 去 。 有 时候 他 们 就 像 一 些 脾气 不 好 的 顾客 ， 对 待 他 们 稍 有 不 愤 就 再 也 无 法 挽回 。 


6.1.1 他 们 很 会 节省 时 间 


在 大 多 数 时 间 里 ， 人 们 只 会 花 很 少 的 时 间 来 阅读 大 部 分 的 页 面 。 他 们 所 做 的 仅仅 只 是 匆忙 地 大 
致 浏览 (或 者 说 “扫描 ” 更 合适 ) ,看 看 有 什么 文字 或 图 片 能 够 吸引 他 们 的 注意 力 。 他 们 处 于 一 种 “高 
速 公 路 ”的 状态 ， 路 边 的 景色 呼啸 而 过 。 


只 有 当 来 到 “最 终 ”的 页 面 时 他 们 才 会 把 110 公里 的 时 速 降 到 12 公里 以 下 。 因 为 这 里 是 他 们 
的 目的 地 : 某 篇 体育 新 闻 、 某 份 技术 文档 或 者 某 个 问题 的 答案 。 这 里 才 是 他 们 真正 想 要 驻足 观光 
的 地 方 。 至 于 那些 其 他 的 页 面 …… 就 好 比 你 每 天 都 乘坐 地 铁 ， 但 并 不 一 定 清楚 地 铁 站 里 面 所 有 的 
广告 和 标语 一 样 。 它 们 只 是 存在 在 那里 , 偶尔 会 吸引 你 去 曾 上 一 眼 , 但 大 部 分 情况 下 你 根本 不 关心 。 














人 们 使 用 互联 网 就 是 为 了 节省 时 间 ， 因 为 这 样 他 们 可 以 坐 在 电脑 前 轻而易举 地 查询 全 世界 的 
资料 ， 而 不 用 去 跑 图 书馆 或 者 专业 书店 。 也 许 有 75% 的 人 每 次 打开 Web 浏览 器 的 时 候 ， 都 是 从 
搜索 引擎 开始 。 


一 一 Web 开 发 中 的 可 用 性 和 用 户 体验 Its 80 8asy 


网 页 的 可 用 性 





大 部 分 时 间 里 ， 人 们 是 这 样 使 用 网 络 的 : 





CGOoOSgIR 吉 
有 


Bai 人 百度 

















结果 列表 


当 我 们 要 找 资料 的 时 候 ， 就 像 上 面 这 样 使 用 Google 或 者 百度 等 搜索 引擎 ， 然 后 从 (可 能 是 海 
量 的 ) 搜索 结果 中 一 项 一 项 地 点 击 可 能 符合 要 求 的 超 链接 。 


在 这 种 情况 下 ， 用 户 没有 心情 去 仔细 浏览 每 一 个 网 页 的 所 有 内 容 。 他 们 处 于 一 种 忙碌 的 状 
态 一 一 而 且 他 们 很 清楚 ， 在 绝 大 多 数 页 面 上 只 有 其 中 一 小 部 分 内 容 是 他 们 感 兴趣 的 ， 至 于 其 他 的 
东西 …… “也 许 下 次 我 能 仔细 看 看 ”。 

别 担心 用 户 们 的 “快速 浏览 ”能 力 。 日 常生 活 中 我 们 一 直 都 在 用 这 种 方式 快速 浏览 着 杂志 、 报 
纸 和 书籍 ， 每 个 人 都 相信 自己 在 这 方面 毫 无 问题 。 


因此 ， 人 们 在 网 页 上 看 到 的 内 容 取 决 于 “他 们 想 看 到 的 那些 东西 "， 而 不 是 我 们 呈现 出 来 的 那 
些 东 西 。 





就 这 有 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








用 户 看 到 的 …… 





一 般 来 说 用 户 都 “ 想 ”看 到 什么 东西 呢 ? 要 么 就 是 他 们 手头 上 的 任务 相关 的 文字 或 短语 (例如 
“Photoshop 教程 ")， 要 么 就 是 当前 或 接 下 来 的 个 人 兴趣 (“对 了 ， 易 建 联 在 雄 鹿 打 得 怎么 样 ?”)， 还 有 
那些 在 我 们 脑袋 里 根深 带 固 的 触发 器 , 例如 我 们 的 名 字 、“ 免 费 / 大 减 价 ”"“ 买 一 送 一 ”还 有 “ 超 靓 美女 ”。 


6.12 他们 也 不 会 仔细 考虑 
你 知道 Web 浏览 器 中 最 常用 的 按钮 是 什么 吗 ? 


我 们 总 以 为 用 户 在 浏览 页 面 的 过 程 中 ， 会 看 到 所 有 的 超 链接 或 者 按钮 ， 然 后 经 过 考虑 选择 一 
个 最 合适 的 。 然 而 事实 上 大 多 数 时 间 里 他 们 都 不 会 这 么 做 。 


用 户 们 总 是 很 忙碌 。 他 们 知道 “我 可 以 慢 慢 寻 找 一 个 最 佳 的 链接 ， 但 那样 的 话 我 就 得 花 上 一 
些 时 间 。 我 为 什么 要 花 这 些 时 间 ? ”因此 他 们 只 是 匆匆 扫 过 页 面 ， 一 旦 发 现 一 个 链接 ， 看 起 来 似 
平 能 跳 转 到 他 们 想 去 的 地 方 ,， OK， 他 们 就 点 击 了 ， 而 不 会 深思 熟 虑 是 不 是 真能 达到 自己 的 目的 。 

















这 是 因为 他 们 有 Web 浏览 器 的 “后 退 ” 按 钮 作 保障 。 


他 们 知道 如 果 自 己 猜 错 了 ， 不 会 产生 什么 严重 的 后 果 。 只 需要 点 击 几 次 “后 退 ”按钮 就 能 重 
新 来 过 一 一 如 果 猜 错 3 次 以 上 ， 他 们 就 会 直接 换 一 个 网 站 。 这 也 是 用 户 们 在 长 期 的 经 验 积累 中 得 
到 的 “比较 明智 ”的 方法 ， 因 为 有 那么 多 设计 不 佳 的 网 站 ， 即 使 他 们 仔细 权衡 了 哪 一 个 链接 才 是 
正确 的 ， 他 们 也 很 有 可 能 得 不 到 想 要 的 结果 ……' 与 其 这 样 ， 不 如 多 猜 猜 ， 不 行 的 话 再 退回 来 。 


Ooops'! ， 
噢 路 ,不 对 。 ”六 Oa 


单 一 一 W_eb 开 发 中 的 可 用 性 和 用 户 体验 its so easy 


页 的 可 用 性 





这 也 从 一 定 角度 说 明了 用 户 为 什么 更 喜欢 载 入 速度 快 的 页 面 一 一 当 他 们 点 击 “ 后 退 ” 以 
后 ,之 前 的 页 面 能 够 很 快 地 展现 出 来 。 如 果 页 面 载 入 速度 比较 慢 ， 他 们 就 需要 在 “后 退 ” 
之 后 等 待 更 长 的 时 间 。 这 就 “迫使 ”他 们 在 之 前 就 必须 更 加 谨慎 地 进行 选择 。 用 户 对 此 总 
是 说 “不 ”的 。 





而 且 另 一 方面 ， 猜 测 永远 不 会 像 仔 细 考 虑 那么 “ 累 人 ”。 他 们 所 要 做 的 只 是 随意 地 点 击 ， 这 样 
不 用 耗费 太 多 的 脑 细 胞 。 如 果 他 们 猜 对 了 ， 速 度 会 更 快 ， 如 果 没 猜 对 一 一 有 可 能 我 还 能 无 意 中 看 
到 某 些 令 人 意外 但 很 不 错 的 内 容 ， 这 种 机 会 因素 带 来 的 可 能 性 也 很 让 人 开心 。 


当然 我 并 不 是 说 用 户 们 在 点 击 超 链接 和 按钮 之 前 从 来 都 不 进行 思考 或 者 衡量 。 有 些 人 考虑 得 
多 ， 有 些 人 考虑 得 少 ， 但 你 不 能 因此 就 放弃 那些 考虑 得 少 或 者 不 考虑 的 用 户 。 而 且 每 个 人 在 使 用 
网 络 的 时 候 都 有 各 种 客观 的 影响 因素 ， 例 如 当时 的 心情 、 具 体 的 打算 ,还 有 时 间 是 否 紧 迫 。 与 此 
同时 ， 如 果 一 个 用 户 信 任 这 个 网 站 ， 他 可 能 就 会 多 花 些 时 间 来 考虑 如 何 选 择 一 一 因为 他 知道 如 果 
他 付出 一 定 的 努力 ， 一 定 会 在 这 里 得 到 相应 的 回报 。 


6.2 ”好 感度 计量 器 


什么 是 好 感度 ? 好 感度 就 是 当 我 们 在 电脑 上 玩 某 些 角色 扮演 类 或 者 养 成 类 游戏 时 接触 到 的 一 
个 概念 ， 用 来 量化 男女 主角 之 间 感 情 的 深浅 。 


当 你 做 了 某 事 ， 例 如 为 对 方 疗伤 、 送 个 小 礼物 ， 或 者 拒绝 其 他 异性 的 示 好 后 ， 你 中 意 的 那 位 
对 你 的 好 感度 就 会 提高 。 相 反 ， 如 果 你 是 个 花心 大 少 ， 处 处 沾 花 营 草 或 者 不 珍惜 她 的 感情 ， 那 么 
好 感度 就 会 降低 ， 也 许 游戏 最 后 的 结局 会 让 你 很 郁闷。 














无 这 公信 fts s0 easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








同样 的 ， 网 站 和 用 户 之 间 也 存在 着 这 么 一 种 东西 。 我 们 每 次 进入 一 个 网 站 时 ， 好 感度 计量 器 
都 会 有 一 个 初始 数值 。 如 果 网 站 让 我 们 感觉 结构 清晰 、 很 有 礼貌 ， 而 且 很 能 为 我 们 着 想 ， 那 么 我 
们 对 这 个 网 站 的 好 感度 就 会 上 升 ; 而 如 果 老 是 遇 到 各 种 各 样 的 问题 ， 碰 到 各 种 各 样 的 障碍 ， 好 感 
度 就 会 逐渐 降低 ， 直 到 最 后 降 为 0。 


6.2.1 我 经 历 过 好 几 次 这 种 情况 …… 


在 网 上 搜索 信息 或 者 图 片 的 时 候 ， 会 有 很 多 搜索 结果 的 链接 指向 到 某 些 论坛 的 页 面 。 可 能 每 
个 人 或 多 或 少 都 会 遇 到 这 种 情况 : 





中 国 * 中 文 编程 行业 论坛 - 古 歌 计算 机 中 文 编程 学 校 - IT 设计 一 席 该 展 误 仿 息 
你 在 " 民 设 计 一 席 恋 "的 时 息 发 生 鲁 误 ,共有 1 项 ,下 面 是 钱 误 的 详细 信息 








。 错误 的 版 面 参数 ， 请 确认 您 是 从 有 效 的 连接 进入 。 
。 请 仔细 阅读 论坛 帮助 文件 ， 确 保 您 有 相应 的 操作 权限 。 
<< 返回 上 一 页 


您 尚未 登录 ， 您 可 以 输入 您 的 用 户 名 、 寓 码 登 录 以 便 进 行 您 的 操作 - 


请 输入 您 的 用 户 名 没有 注册 ? 
请 输入 您 的 密码 忘记 密码 ? 
Cookie 选项 ;关闭 浏览 器 前 

请 选择 你 的 Cookie 保存 时 间 ， 人 

下 次 访问 可 以 方便 输入 。 

〇 保存 一 月 
名 保存 一 年 
隐身 登录 加 正常 登录 


您 可 以 选择 陷 身 登录 ， 论坛 会 员 
将 在 用 户 列表 看 不 到 上 的 信息 。 | 〇 隐身 登录 


















































当 你 看 到 它 的 时 候 ， 是 不 是 会 想 大 声 地 叹 口气 ? 


有 些 时 候 我 遇 到 过 这 种 情况 : 


| -各 


我 使 用 搜索 引擎 寻找 图 片 发 现 一 个 合适 的 链接 





W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


[的 可 用 性 





注册 相当 麻烦 ! 总 算 注册 好 了 当 我 来 到 那个 帖子 还 不 能 马上 回复 ! 


被 占 才 是 上 上 















没 错 ， 我 知道 很 多 论坛 需要 注册 是 为 了 避免 服务 器 负担 过 重 ， 或 者 减少 “ 盗 链 "， 和 希望 通 
过 这 种 方式 减少 一 部 分 “无 谓 ” 的 流量 。 但 这 真 的 很 令 人 烦恼 。 你 知道 我 有 好 几 个 朋友 都 以 
“TMDYYZC” 的 用 户 名 和 密码 来 注册 这 种 可 能 只 光顾 一 次 的 论坛 。“TMDYYZC” 一 一 “他 x 
的 又 要 注册 ”。 


好 感度 的 容量 是 有 限 的 。 如 果 用 户 总 是 被 迫 因为 网 站 的 问题 疲于奔命 ， 就 好 像 去 某 些 高 高 在 
上 的 政府 部 门 办 事 那 样 ， 经 常 碰 钉 子 ， 而 且 得 不 到 友善 的 待遇 ， 那 么 他 们 对 这 个 网 站 的 好 感度 肯 
会 逐渐 降低 ， 就 像 现在 好 多 人 一 想起 来 要 去 政府 机 关 就 会 叹气 一 样 。 


而 一 旦 好 感度 消耗 列 尽 的 时 候 ， 用 户 就 很 可 能 会 离开 网 站 ， 因 为 这 里 无 法 再 吸引 他 们 。 然 而 ， 
离开 网 站 并 不 是 唯一 可 能 产生 的 副作用 ， 用 户 们 可 能 以 后 也 不 想 再 来 这 里 ， 或 者 从 此 也 不 再 关注 
你 的 公司 。 而 且 经 过 口 耳 相传 ， 可 能 会 有 更 多 的 人 对 你 的 网 站 印象 不 佳 ， 那 么 当 他 们 光顾 的 时 候 ， 
好 感度 本 身 可 能 就 很 低 。 


有 些 人 天 生 比 较 有 耐心 ， 天 性 乐观 ， 他 们 的 好 感 值 可 能 比较 高 ， 下 降 得 也 会 比较 慢 ， 但 也 有 
些 人 脾气 不 好 ， 或 者 喜欢 犹疑， 这些 人 的 好 感 值 就 比较 低 ， 也 许 一 个 数据 稍 多 一 点 的 注册 表单 就 
会 让 他 们 的 好 感度 计量 器 瞬间 清空 。 这 是 因为 各 人 特质 不 同 而 决定 的 ， 我 们 无 法 判断 每 一 个 用 户 
属于 什么 性 格 的 人 。 


另外 ， 好 感 值 也 会 根据 具体 情况 而 发 生变 化 。 比 如 说 当 用 户 在 5 分 钟 之 内 就 必须 得 找到 资料 
的 时 候 ， 可 能 等 待 网 页 打开 的 几 秒 钟 都 会 让 他 坐立不安 。 又 或 者 用 户 刚刚 在 某 个 特别 垃圾 的 网 站 
得 到 了 非常 糟糕 的 体验 ， 那 么 他 在 进入 你 的 网 站 时 好 感度 也 不 会 高 到 哪里 去 (哪怕 他 本 来 的 好 感 
值 比较 高 )。 





正 因为 我 们 无 法 预知 各 种 情况 ， 所 以 最 好 的 办 法 是 : 


如 果 好 感度 计量 器 的 满 值 是 100， 


你 就 当 每 个 用 户 在 一 开始 都 只 有 50 以 下 。 








\ 人 简单 rssoeasy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








如 果 他 们 确实 有 点 心情 不 佳 ， 我 们 可 以 多 想 点 办 法 来 让 重新 提高 他 们 的 好 感 值 ， 如 果 用 户 好 
感度 本 来 就 不 错 ， 让 他 们 感觉 有 人 关心 他 们 的 利益 也 没有 什么 不 好 。 
6.2.2 ”这 些 都 会 降低 好 感度 ! 


很 多 事 都 会 让 用 户 在 某 个 网 站 中 得 到 不 太 好 的 体验 ， 也 就 是 降低 他 们 的 好 感度 。 例 如 下 面 列 
的 一 些 情况 。 

需要 声明 的 是 ， 尽 管 我 举 出 了 很 多 案例 ， 但 其 实 这些 仍 然 都 是 非常 棒 的 网 站 ， 只 是 可 能 在 某 
些 地 方 有 些 玻 漏 。 如 果 你 就 是 这 个 网 站 的 设计 者 , 千 万 别 生气 。 我 希望 大 家 能 有 一 种 互相 探讨 共 
同 进步 的 心态 。 重 要 的 是 , 千 万 别 把 我 列 为 不 受 欢迎 的 访客 ! 


让 我 感到 郁闷 


一 位 朋友 曾经 总 结 出 上 网 的 “四 大 郁闷 事 ”: 想 找 找 不 到 、 找 到 了 不 能 点 、 点 进去 了 出 不 来 、 
来 了 下 次 又 找 不 到 …… 












































例如 我 进入 某 个 博客 网 站 ， 居 然 找 遍 了 都 没 发 现 一 个 可 以 让 我 注册 的 地 方 : 





全 利 海 首 页 | 全 资讯 /评论 和 车 朝 客 二 商城 Tessss ET EL LE 


和 乔 海 网 机 讯 评论 “| 本 客 
铺 乱 间 明星 情 客 1 最 新 傅 客 1 其 梁 榜 1 执 点 文章 1 县 新 文章 1 人 气 好 友 1 图 子 1 交友 婚介 1 休闲 恕 乐 上 
/howong com | 爱问 址 测 ”1 求 插 和 助 


| 评论 “| 热点 评论 主流 评论 明星 博客 。  。 英 纵 榜 。。 夏季 夸奖 名 香 
新 闻 | 党 仙 纤 九 一 股票 吧 es 让 
和 关 看 风云 珍 负 巩 才 之 神 有 陈 千 思 来 相 
国 * 器 ”” 国 ”” , 训 净 了 名 > 这 
' 2 Ss 
黑马 zl2 rr 乐 乐 汪汪 全 和 
和 星 压 进行 下 | 让: \ y 


5 只 他 从 其 至 火 稀 全 由 
国 a iu A [a 芒 " 我 的 收 总 | /我 的 评论 | 他 





共用 户 登 录 | 名利 海 博客 | 德 积 分 兄 执 











赚钱 的 博客 ， 很 吸 
引 人 , 但 是 我 怎样 
才能 注册 ? 





股市 看 全 股市 论坛 ”股市 黑马 情感 同性 访 专 栏 休闲 杂谈 杂 介 社会 photoshop 八卦 世 帮 万 象 


市场 变 数 逐 汤加 大 “中 国 石化 :中 国 s00 强 之 首 价 “* 全 岩石 ; 理性 看 待 泡 法 泡 汶 集 中 在 根 行 板 
“生前 短评 大盘 反 漳 以 减仓 为 主 “ 巴 理 松 : 警惕 目前 市 场 存在 的 四 大 风险 * 充 窒 资金 支撑 强势 \ 股 高 估 值 状况 难以 改 
“ 唤 癌 各 大 券 丙 机 构 冬 股 精 人 计 (09 “指数 高 位 先 役 难 节能 减 排 板块 成 新 完 “13000 亿 元 4 6 月 人 股 存 量 资 金 再 创 历 

"周三 掩 条 必 读 /重大 风险 机 通 监控 “9 月 4 日 思 马 弄 潮 : 东方 明 奈 、 施 能 股份 等 "9 月 5 号 投资 策略 及 选 股 忆 路 

“金融 股 领 昧 5300 关 口 还 有 “拉锯 战 ” “ 市盈率 千 倍 以 上 个 机 有 43 只 * ，《 怕 别 规定 》 出 炉 “ 籍 系 ”保险 公司 信 氢 
* 5300 点 大 关 压 力 显现 新 高 之 后 出 现 分 “ 应 对 高 全 市 又 率 : 两 种 泡沫 中 生存 方式 好 “ 国 指 一 周 升 4 成 病 济 需 中 警号 中 央 叫 绥 


找 了 半天 ， 其 实 是 在 这 里 ， 一 个 完全 无 法 令 人 联想 到 “注册 ”的 地 方 : 











那 位 朋友 的 结论 很 精 膀 ， 嗯 ? 其 实 还 有 更 多 让 人 郁闷 的 事情 。 例 如 在 注册 和 登录 的 时 候 …… 





最 郁闷 的 是 点 击 “注册 ”后 出 现 这 个 页 面 : 











目 找 不 到 网 页 













您 要 查看 的 网 页 可 能 已 被 删除 、 名 称 已 被 更 改 ， 或 者 暂时 不 可 用 。 


请 尝试 以 下 操作 





@ 如 果 您 已 经 在 地 址 栏 中 输入 该 网 页 的 地 址 ， 请 确认 其 拼写 正确 。 
@ 打开 www_zdlbooks com 主页 ， 然后 查找 指向 您 感 兴趣 信息 的 链 
接 。 


单 击 守 后 授 按钮 ,尝试 其 地 链 按 
。 单 击 @Y 搜 过 ,寻找 Internet 上 的 信息 


是 不 想 让 我 注册 吗 ? 那 为 什 
么 还 要 放 “ 注 册 ” 链 接 ? 












JTTP 404 - 未 找到 文件 


Internet Explorer 


咽 ， 这 只 是 少数 情况 。 那 么 更 多 的 情况 是 : 







创建 用 户 并 自动 生成 二 级 域名 






为 什么 等 我 提交 后 才 告 
诉 我 用 户 名 已 被 占用 ? 








+ 用 户 名 : [mess 







+ 姓名 : | 防 赛 亚 之 书 


+ 性 别 : 四 男 〇 女 






密码: eeee ] 长 度 范本 












+ 重 输 密码 :| seeeee 





为 什么 等 我 提交 后 才 告 
诉 我 两 次 密码 输入 不 一 
致 ? 







,密码 保护 问题 : | 我 喜欢 的 城市 


图 








+ 您 的 答案 : | 武汉 













注册 校 验 
+ 验证 水 印 : | 
服务 条 款 
我 经 常 忘记 勾 选 这 个 服 
务 条 款 。 难 道 就 不 能 为 
我 “服务 ”为 默认 接受 
它 吗 ? 


















这 是 怎么 回 事 ? 我 已 
经 刷新 N 次 了 。 (即使 
有 ， 它 也 老 变 。 每 次 注 
册 不 成 功 我 都 要 重新 输 
入 它 ) 






本 服务 条 款 的 生效 、 履 行 、 解 释 及 争议 的 解决 均 适用 中 华人 民 共 和 国法 律 ,发 
Rs pr 本 和 寺中 华人 民 闪 全国 六 和 导入 相 大志 各 和 和 














站 


有 了 同 电 信和 屋 和 过 二 
中 华人 民 共 和 国 计 算 机 信息 网 络 国际 联网 各 理 暂 行规 定 
中 华人 民 共 和 国 计 算 机 信息 网 络 国际 联网 管理 暂行 规定 实施 办 法 










口 注册 信息 一 经 提交 , 即 表示 您 同意 我 们 的 服务 条 款 ， 并 且 已 经 阅读 并 理解 我 们 的 隐秘 权 政策 。 





么 简单 sseasy 


一 一 W eb 开 发 中 的 可 用 性 和 用 户 体验 











上 面 这 张 图 虽然 是 虚构 的 ， 但 它 表明 了 大 多 数 我 们 经 常 遇 到 的 问题 。 为 什么 不 能 像 下 面 的 网 
站 这 样 ， 在 我 的 每 次 操作 之 后 系统 都 能 即时 检测 和 判断 ?这 样 我 在 填写 注册 信息 的 时 候 就 不 会 心 
惊 胆 额 了 ! 











名 注册 就 可 以 马上 获得 15000 兆 视频 空间 + 无 限 容量 相册 , 博客 等 服务 ， 所 有 都 是 免费 的 . 








填写 注册 信息 ( 带 + 的 为 必 填 项 ) 





用 户 名 ff) messiah_book 人 名 用 户 名 格式 正确 ,请 点 击 “ 检 查 用 户 名 ”检查 当前 用 户 名 是 否 可 以 
注册 9 











检测 用 户 名 是 否 可 用 加 该 用 户 名 还 没有 被 注册 ,您 可 以 马上 注册 














密码 (0) voore 加 密码 格式 正确 ,请 继续 ? 
重复 登录 密码 () seeee 加 两 次 输入 密码 不 相同 ， 请 重新 输入 确认 密码 ? 














您 的 电子 邮件 地 址 (*) mess798163. com 加 电子 邮件 地 址 正确 ,请 继续 ? 








出 生日 期 () [1979 说 年 [8 辣 月 [5 滞 日 [ 右 出 生日 大 过 择 正 确 ,请 继续 4 








密码 提示 问题 w) | 您 的 幸运 数字 是 多 少 _ | 加 二 码 提示 问题 沦 入 正确 ， 请 约 续 1 








提示 问题 答案 (+) 7 固守 码 提示 答案 输入 正确 ,请 继续? 














认证 码 6 EC (ew 辐 请 给 入 验证 码 ， 如 果 验 证 码 不 清楚 ， 请 点 击 刷新 重新 获取 验证 码 。 





回 我 同意 《我 乐 同 服务 条 对》 





总 是 误导 我 


一 个 朋友 喜欢 听 相 声 ， 有 一 次 他 向 我 抱怨 某 个 相声 网 操作 很 麻烦 ， 总 是 不 能 多 个 连续 播放 。 
我 去 那个 网 站 后 发 现 确实 有 个 “连播 ”按钮 ， 但 却 是 置 灰 的 状态 ， 鼠 标 悬 停 在 上 面 时 也 没有 任 
何 变 化 。 但 其 实 它 却 是 可 以 点 击 的 (还 包括 最 右边 那个 不 起 眼 的 “全 选 播放 ”按钮 )。 想 想 看 
有 多 少 用 户 会 被 这 个 “灰色 的 ” 按钮 所 误导 (最 左边 是 唯一 貌似 可 以 点 击 的 按钮 , 它 的 功能 是 “全 
选 ")。 


主 播 | @ 所 有 演员 列表 回 所 有 相声 回 所 有 专辑 。 [全 选 播放 
热 表演 点 播 
我 这 一 幸子 -音质 好 840962 郭德纲 于 说 [0 
肉 烂 在 锅 里 563499 杨 议 杨 少 华 v 
西 征 梦 340825 郭德纲 惫 
拟 马 袖 323873 ”郭德刚 张 文 顺 李 茜 v 
论 五 十 年 相声 之 现状 237119 ”郭德纲 张 文 硕 血 






































i 单 








看 看 下 面 的 登录 栏 ， 不 知道 你 怎么 样 ， 反 正 我 总 是 觉得 那个 “注册 ”按钮 有 某 种 磁性 “勾引 ” 
着 我 的 鼠标 不 自觉 地 往 那儿 移动 。 我 总 是 要 提醒 自己 : 我 已 经 注册 了 ,只 用 点 “登录 ”就 可 以 了 ! ” 











USERLOGIN 城市 入 口 


E-MAIL 
mess79@163.com 


D 





总 是 让 我 猜 
好 多 网 站 总 有 些 地 方 让 人 摸 不 着 头脑 。 
看 看 下 面 的 导航 栏 ， 你 知道 这 些 栏目 都 是 些 什么 意思 吗 ? 








| 荣 鸟 进化 论 | “星星 " 相 异 
中 国 第 一 美 名 车 模 金 效 香 车 写真 2007 年 9 月 6 日 星期 四 
小 证 ,| 里 通 之 . 3 EE: 二 








再 看 看 这 个 : 


本 目 | 时 加 


-BT 可 不 村 - 





[可 选择 类 虽 | [发 布 到 msnl IT) 


[图片 | 地 持 JPG 格 区 乓 图 上 ,小 于 1M 


LE 加 [小 加 | 二 三 | 幸 圭 


B77yuw 琶 矢 生 天 一 QA 至 可 但 和 DD 




















“一 些 文字 ”,“ 多 一 些 文字 ”? “再 来 一 些 文字 ”? …… 可 能 设计 者 觉得 这 些 用 词 比 较 有 意思 ， 
但 我 不 明白 它们 每 个 的 功能 到 底 是 什么 。 为 什么 有 的 是 一 般 文本 框 ,有 的 却 又 能 像 Word 那样 编辑 ? 
它们 之 间 有 什么 区 别 ? …… 呈 ， 怎 么 还 有 两 个 保存 的 按钮 ? 





2 和 简 fts so easy 
| eb 开发 中 的 可 用 性 和 用 户 体 验 





总 是 要 我 找 
我 想 下 载 “ 媒 体 中 国 -设计 联盟 "， 你 能 找到 下 载 的 链接 在 哪里 么 ? 








-将 开拓 内 ，! Msp 神代 办 ! Pie 拓 代码 ! TSz 庆 代码 1 月 页 模 浙 ! 月 页 末 材 ! sh 涯 代码 上 孝 字 教程 :Cs 祷 代码 1 yctt 沽 代码 1 Jers 拓 代码 1 Delzh 涯 代码 1 但 代 码 1 
有 过 了 5 用 ; ! 吉他 歌 请 ! 动 当下 区 上面 主题 手机 六 戏 } 手 体 下 载 | 精品 ssh 书 入 小 说 1 应 用 区 件 安全 相关 1 辆 开发 经典 戎 戏 1 少 夜 工作 宣 软 区 1 
-深信 中 心 1 软件 拓 道 ! 电脑 灶 闻 】 入 得 永 园 染 作 隶 流 | 电脑 安全 | 十 万 人 为 什么 ! 作风 生息 | 趟 可 二 却 纸 访 】 鲁 上 知识 


- 往 线 mash iTLAat WiTLAsnt 卡 厦 ;FIASH 苦 开 1 也 


Error rr TFTPTTT 


百度 主题 放 控 mash 








站内 部 索 : | 请 输入 关键 字 6a 癌 后 入 天 请 宇 ]oRm Oma O@; 加 新闻 〇 Re [摸索 
软件 下 载 加 [eg] :1TT 寺 百度 4g 格 ”ops 游民 手机 闫 女真 疾 话 铃声 小 说 汽车 蜡纸 藉 品 网 站 

信用 亲 毒 软件 更 新 毒 升 红 全 部 下 用 局 动 4 RD06 升 信 自 下载 

因 你 的 价 置 : 首页 -; 下 载 分 类 -》 埋 体 中 国 -设计 联盟 下 载 














乱 体 中 国 -设计 联盟 一 下 委 通 首 


HK VEN, 5 的 ACCP、BENET 人 才 的 择 竹 ， 大 公 蓄 ) 游戏 荣 程 场 训 全 国 招生 , 去 资 公司 诚 聘 PHP/MySQL 竹 序 ; 
网站 人 民 外 300 元 短 月 司 、 吉 企 业 、 召 喘 你 的 到 来 ， 保 上海 大 学 或 就 交 想 ! 快 报名 021- 。 发 员 ， 一 经 录用 ， 待 过 从 优 * 旋 
Ta:27588918 证 学 习 质量 ! 62539082 位 以 竺 称 加 盟 


加 :rz 二 地 诺 下 载 网 你 的 安全 ,我 来 打造 。 本 站 闫 荐 下 载 kD 版 360 安 全 卫 二 
好 村 地 下 蓝 地 址 -> 盾 体 中 国 -设计 联 里 糊 下 一 带 有 coosle 工具 攻 的 ricefvz 。 上 同 冲浪 更 合意 月 淳 戏 推荐 埋 欢 连连 看 的 别 情 过 ) -> 乡 夜 连连 看 简体 中 文 版 


on a 全 交加 人 和 计 天。 


划 工 具 开 发， 推出 OFTA 一 痢 能 光 心 靖 香港 总 栖 毒 交流 站 , 关 受 美人 EE TOP100, 每 日 能 上 千 页 面 , 68 元 拥有 超级 网 看 
oir ree 时 请 





我 想 下 载 这 个 矢量 图 。 点 击 图 片 变 成 了 下 一 幅 图 片 ,，“ 右 键 男 存 为 ”又 只 能 保存 作为 示意 图 的 
JPG 文件 。 到 底 该 点 哪里 才能 下 载 到 我 想 要 的 矢量 图 ? 


多 的 位 置 : 图 陛 间 页 》 矢 量 案 材 5 天 Google [E23 


hn Style 65 美式 矢量 描画 :卡通 风格 的 办 公 时 间 - 卡通 办 公 室 矢量 案 村 下 载 4 err Sn 


日 发 南 惫 近 
于 攻 和 了 
问 时 村 


9。 广告 投放 联系 : 99 349509009 


i 日 拓 量 图 和 要 下 


NN: 本 各 Egle0085) 量 下 过 人 后: 多 筑 和 前 
马刀 外 观 汉人 运 性 全 面 提升 办 公章 利 间 号 、 述 瑟 目标 ， 昌 
aos En: 


图 。 安 关 片 昌 手机 
加。 点 十 下 并 关 是 肖 文件 
短 过 


Google AdSense 
使 您 的 网 站 产生 收益 


所 三 文件 的 宙 词 passrord) 才 


料想 式 包 括 了 mT、41、T5 ,用 








1 一 一 Web 开 发 中 的 可 用 性 和 用 户 体验 Itsg so easy 


第 六 章 ”网 页 的 可 用 性 





长 
六 
壮 
闪 
Hu 
时 
区 
旺 





加 拓 县 图 免费 下 载 


本 专辑 GtglLe0065) 拓 量 下 载 包括 : 免费 矢量 
人 利润 、 分 成 、 迷 宫 、 目 标 、 电 影 








er 
使 您 的 网 站 产生 收益 


总 是 说 我 错 
也 许 我 的 智商 不 是 最 高 ， 但 也 不 至 于 这 么 不 客气 吧 ， 全 是 “失败 ”"、“ 红 又 ”， 还 忽 头 给 我 那么 
多 感叹 号 ! ! ! 看 来 我 真 的 是 个 差 学 生 





~ 


@ 用 户 名 和 密码 错误 请 重新 输入 t 





居然 还 更 落 我 ? 


Microsoft Internet Explorer 


企 您 确认 输入 了 正确 的 信息 ? 请 填写 可 以 被 人 理解 的 内 容 。 9 








就 这 么 简单 maem 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





就 算 我 好 不 容易 答对 了 ， 也 不 夸奖 一 下 : 








可 是 中 、 英 交 、 数 字 ,下划线 及 短 懂 线 
中 的 组 合 。 


检测 用 户 名 用 户 名 不 合法 t+ 


用 户 名 : TCD 




















可 是 中 、 英 文 、 数 宇 ， 下 划 战 及 短 横 线 
中 的 组 合 。 


|_ 检 测 用 户 名 用 户 名 可 用 


用 户 名 : TCD_7 




















耽误 我 的 时 间 
我 真 的 厌倦 了 长 长 的 Flash 网 站 片头 ， 还 有 里 面 那 些 超大 尺寸 的 图 片 …… 设 计 者 知道 等 待 它们 
下 载 完 成 需要 多 长 时 间 吗 ?我 知道 他 想 展示 他 们 企业 的 风姿 ， 但 很 明显 这 个 公司 并 不 在 乎 客户 忙 
不 忙 ， 他 们 有 多 少时 间 。 
在 下 面 这 个 网 站 中 ， 漫 长 (而 且 不 太 好 看 ) 的 片头 动画 没有 任何 的 “ 跳 过 ”按钮 。 直 到 等 它 结 
束 了 很 长 一 段 时 间 之 后 我 才 发 现 原来 整个 动画 本 身 可 以 点 击 ， 之 后 即 能 进入 网 站 主页 。 似 乎 设 
计 人 员 考 虑 到 了 人 们 并 不 太 愿意 老 是 看 动画 ， 但 是 为 什么 不 能 把 “ 跳 过 ”的 功能 标识 得 更 明显 
一 点 昵 ? 


创 先 安 业 





4 一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 its s0 easy 


[的 可 用 性 





甚至 还 让 我 抓 狂 

不 知道 你 有 没有 过 这 种 经 验 : 在 论坛 或 者 blog 里 面 写 了 一 大 篇 文章 ， 点 击 “ 提 交 ” 却 告诉 你 
字数 超过 了 限制 ， 之 前 写 的 就 此 消失 。 之 后 你 努力 回忆 全 部 重 写 ,并且 严格 确认 字数 ， 再 次 提交 ， 
居然 因为 服务 器 忙 而 导致 页 面 错 误 ， 或 者 看 到 打开 的 页 面 是 “警告 : 网 页 已 经 过 期 ”…… 














你 辛苦 数 小 时 的 成 果 就 这 样 付 诸 东 流 了 。 现 在 你 是 再 重新 写 一 次 呢 还 是 就 此 放弃 呢 ? 


以 上 都 是 一 些 降低 用 户 好 感度 的 例子 。 我 们 每 天 可 能 都 会 浏览 无 数 的 网 页 ， 这 些 情况 可 能 并 
不 少见 ， 而 且 还 有 更 多 的 例子 我 没有 枚 举 。 


当然 有 些 时 候 ， 特 别 是 出 于 一 些 商 业 上 的 原因 ， 我 们 也 许 会 “被 迫 ” 降 低 一 些 可 用 性 ， 做 一 
些 对 用 户 不 太 友好 的 事 。 例 如 在 页 面 上 增加 广告 ,或 者 使 用 自动 弹出 窗口 。 这 些 确实 会 让 人 们 反感 ， 
但 如 果 能 够 证 明 你 可 以 通过 这 些 增加 10% 的 收益 ,而 且 你 觉得 这 样 得 罪 用 户 很 值得 ， 那 么 你 完全 
可 以 增加 广告 或 自动 弹出 窗口 。 不 过 事先 要 确定 ， 你 是 有 意 这 么 做 的 ， 而 且 有 充分 的 理由 ， 而 不 
是 不 负责 任 地 瞎 来 。 


6.3 因此， 为 扫描 而 设计 


我 们 知道 用 户 使 用 互联 网 都 有 自己 的 习惯 。 如 果 不 考虑 他 们 的 这 些 习 惯 ， 他 们 对 网 站 的 好 感 
度 就 会 降低 。 


他 们 总 是 随意 地 扫 视 页 面 ， 就 好 像 开 着 车 从 一 个 个 页 面 旁边 疾驰 而 过 ， 对 大 部 分 内 容 看 都 不 
看 一 眼 。 


也 许 你 会 觉得 ， 我 花 了 那么 多 时 间 设 计 网 页 的 方方面面 ， 每 个 按钮 ， 每 个 表格 ， 每 个 字段 。 
既然 浏览 者 对 它们 都 视而不见 ， 这 么 做 还 有 意义 吗 ? 这 样 看 来 我 还 不 如 把 时 间 用 来 做 点 公益 劳动 ， 
起 码 那样 还 有 人 看 得 到 我 的 付出 。 

但 事实 并 不 是 这 样 。 如 果 你 认真 考虑 了 可 用 性 ， 用 户 们 仍然 能 够 感觉 到 你 对 细节 的 关注 。 毕 竟 
“好 用 的 ”网 站 才 可 能 保持 用 户 对 网 站 的 好 感 ， 从 而 愿意 继续 光临 。 既 然 他 们 不 太 注意 你 想 要 他 们 
注意 的 地 方 , 那么 你 就 提醒 他 们 注意 好 了 ;既然 他 们 都 是 扫描 页 面 , 那么 我 们 就 为 了 扫描 而 设计 吧 ! 














要 做 到 “为 扫描 而 设计 ”， 你 就 需要 保证 用 户 能 够 在 有 限 的 时 间 之 内 看 到 你 希望 他 们 看 的 地 方 ， 
而 且 帮 助 他 们 尽量 轻松 地 浏览 网 页 。 这 里 有 几 个 方面 需要 你 注意 。 


6.3.1 更 清楚 的 布局 和 视觉 层次 
网 页 内 所 有 的 内 容 都 应 当 清 晰 可 状 。 而 且 你 应 该 明确 表明 内 容 与 内 容 之 间 的 逻辑 关系 一 -哪些 








就 这 么 简单 rss Basy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





内 容 相互 间 有 关联 ， 哪 些 内 容 又 是 其 他 内 容 的 组 成 部 分 。 这 可 以 说 是 网 页 设计 最 根本 的 依据 。 要 
做 到 视觉 层次 清楚 ， 就 需要 做 到 以 下 几 点 : 


越 重要 的 内 容 越 醒目 
要 想 使 某 些 内 容 更 突出 ， 就 得 让 它 有 以 下 特点 : 





更 大 的 字号 
更 粗 的 字体 
更 特别 的 颜色 
更 接近 页 面 的 顶部 
旁边 有 更 多 的 空 
或 者 以 上 所 有 特点 

















你 需要 让 它们 成 为 浏览 者 视觉 的 焦点 。 


我 不 那么 重要 。 
我 不 重要 。 





应 当 避 免 把 重要 内 容 放 在 屏幕 的 右 侧 或 下 端 。 这 些 地 方 往往 被 用 户 所 忽视 。 而 且 如 果 浏 览 器 
的 屏幕 较 小 ， 用 户 必 须 使 用 滚动 条 才能 看 到 它们 。 


相关 的 内 容 看 上 去 也 得 相关 
例如 相关 的 内 容 可 以 分 为 一 组 ， 采 用 同样 的 字体 和 样式 ， 同 时 放 在 同一 个 区 域 里 面 。 























一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its s0 easy 


网 页 的 可 用 性 





包含 的 内 容 要 显示 从 属 关系 


你 可 以 采用 字体 大 小 、 颜 色 、 缩 进 等 方式 来 表达 这 种 从 属 关 系 。 同 时 嵌 套 也 是 一 个 很 有 表现 
力 的 方式 。 


最 新 信息 
最 新 信息 之 一 
最 新 信息 之 二 
最 新 信息 之 三 
最 新 信息 之 四 
最 新 信息 之 五 





别 显 示 太 多 无 关 的 信息 


我 们 要 明确 每 个 网 页 的 宗旨 ， 把 网 页 的 大 部 分 以 及 最 有 效 的 显示 区 域 用 来 显示 与 网 页 宗旨 
接 相 关 的 信息 。 版 面 不 是 主要 用 来 放 广 告 的 。 广 告 可 以 放 ， 但 别 鸠 占 静 集 。 





[Ea 





其 实 我 们 每 天 看 的 报纸 就 是 一 个 非常 好 的 例子 。 报 纸 总 是 有 很 清晰 的 视觉 层次 ， 否 则 阅读 者 根 
本 无 法 从 密密麻麻 的 文字 中 找到 阅读 的 线索 。 报 纸 的 排版 都 使 用 了 突出 、 分 组 和 嵌 套 的 原则 ， 这 
些 原则 帮助 了 我 们 。 其 实在 阅读 的 时 候 我 们 根本 没有 意识 到 正在 “分 解 ” 这 些 视觉 层次 。 而 一 旦 
它们 不 够 清楚 〈 例 如 所 有 内 容 看 起 来 都 差不多 重要 ) ， 你 就 会 “被 迫 ”减缓 扫描 的 速度 ， 以 自己 的 
方式 去 寻找 线索 一 一 这 就 是 为 什么 有 些 报纸 读 起 来 感觉 很 累 的 原因 。 





Its so easy 
一 一 WW eb 开发 中 的 可 用 性 和 用 户 体 验 








i 依靠 自身 力量 进军 煤层 “勘探 领域 


ED 
他 克拉 玛 依 油田 首次 在 和 什 托 ; 


本 报 庚 【记者 刘 红 想 通 















最 重要 的 文字 和 较 次 
要 的 文字 。 


ph 
进行 压 开交 迁 。 


下 此 次 压 各 等 守 梓 全 地 王 针 | 











施工 ， 取得 了 帮 步 的 攻 功 - 


下 抽检 吉 工人 中 正二 这 人 生 江 拓 过 = 


和 从 站 关 牙 地 ， 灶 时 辽 字 放 合 本位 低压 到 请 的 认 阳 力 ， 本 训 压 。 说 计 ， 扑 可 汪 重 方 区 直 试 机 公司 
录 克 人 气 的 开 匠 ， 为 了 障 低 生 煤层 。 轨 下 东 宴 空间 瑞 家 厅 彰 ， 由 可 人 公司 外 因 项 目 反 查 
及 客 ， 此 从 各 3 并 的 夺 型 用 。。。 所 了解， 直 于 类 角色 对 焊 。 三。 斌 公司 与 产 下 化 庄 开 人 


oi 本 天 运 织 让。 此 次 夺 和 对 完 
这 些 内 容 都 是 并 列 放 [: Ei 





















这 些 内 容 都 属于 “ 敬 
告 读者 ”， 因 为 它们 
是 底 套 放置 的 。 






具 而 有 歼 改 村 地 县， 为 可 有 兰 买 顺 性 地 ， 


全 时 。 术 玛 /私信 团 在 非 课 丧 疝气 助 疾 万 
置 在 这 里 ， 它 们 都 是 


六 要 并 (记者 刘 红牛 轩 汛 
时 罗 小 宁 ) 加 丰 22 日 。 试 入 分 揭 每 过 工 
司 HE 系统 马 加 和 件 刘 发 工作 | 





2006 全 10 月 3 日 人 于， 汉人 I 必 名 
1 
, 和 和 人 和 
农历 本 皮 年 九 上 初 上 用 上 向 忆 入 三 的 H5E 共 村 ， 琅 RQ 
总 第 7269 I 为 入 六 公司 区 功 开 发 " 主 培 不 5 7 日 榴 《新 训 石 性》 林 广 
《 志 风 16 敢 ) 多 件 后， 梁 二 个 使 所 自信 RSE ， , 刊 一 须 多 广大 法 者 旋 ， 





提 了 际 ， 


区 
Ut 开发 工作 ,专门 靶 之 了 HSE 二 训 


四 这 三 列 文字 很 明显 者 
| 局 于 入 报道 因为 
a 采油 二 厂 油 藏 日 标 化 ,“ 管 "| ”它们 位 于 同一 个 标题 


mal fam eamr. com en 
-一 冰雪 条 《记者 刘 杰 通 畦 内 是 时 议 六 诡 关 了 也 化 作业 。 总 下 
并) 吉 系 月 2 日 .吉他 二 站。 下 三 覃 点 产 虹 寻 座 区 本 





局 训 件 芍 时 本 报 引 呈 
2008 理 10 有 30 日 













半期 版式 坟 物 由 到 等 


























在 某 些 导航 机 制 中 ， 有 可 能 你 会 突出 某 个 栏目 名 称 以 表明 现在 用 户 所 处 的 位 置 。 这 是 一 个 
很 好 的 方法 。 但 是 同时 也 要 注意 ,不 能 因为 过 分 突出 某 个 栏目 而 拉 大 它 和 其 他 栏目 之 间 的 距离 ， 
导致 出 现 “ 嵌 套 ”的 局 面 。 例 如 下 面 这 种 情况 : 








其 他 类 别 都 属于 网 络 游戏 吗 ? 这 个 就 好 多 了 。 





就 这 么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


第 六 章 ”网 页 的 可 用 性 





6.3.2 ”清晰 地 划分 页 面 区 域 


因为 用 户 总 是 很 快速 地 浏览 和 扫描 ， 你 就 需要 把 页 面 划 分 成 明确 定义 的 区 域 。 网 页 的 各 个 
部 分 可 以 分 为 导航 栏 、 主 要 内 容 区 、 图 片区 、 广 告 区 ， 各 个 区 域 之 间 可 以 使 用 一 些 视觉 处 理 方 
法 予以 区 分 ， 相 互 间 不 能 混杂 。 






































户 只 要 短 时 间 的 扫 视 之 后 ， 应 该 就 能 指 着 页 面 的 不 同 区 域 说 :“ 我 能 通过 这 里 前 往 其 他 
> “这 是 今日 的 头条 ”、“ 这 里 我 能 看 到 一 些 感 兴趣 的 产品 "。 这 样 便于 他 们 很 快 地 决定 应 
该 关注 页 面 的 哪些 区 域 ， 同 时 可 以 放心 地 跳 过 哪些 区 域 。 





























另外 ， 你 也 可 以 多 使 用 清单 和 列表 。 人 们 在 浏览 整齐 排列 的 清单 或 列表 内 容 时 ， 速 度 往往 都 
会 明显 快 于 阅读 连续 的 文字 。 例 如 下 面 的 网 站 : 

















六 公 简单 rsseasy 
一 一 W eb 开 发 中 的 可 用 性 和 用 户 体验 


软件 手机 游戏 网 站 图 标 | 理 沦 思想 案例 评论 | 和 欣赏 新 闻 杂谈 活动 | 教程 技术 新 手 
闻 当 前 位 置 : 界面 设计 


入 ，。 图 形 界面 设计 


人。 > 目 基 全 多面 网 划 动 届 备 氏 面 回 入 戏 界面 四 局 站 界面 国 图 和 设计 
训 览 方式 -图 片 系 引 | 文字 索引 排序 方式 -。 孩 日 期 | 政和 人 气 | 控 标 数 


名 称 : 国道 路 运输 客运 票 括 和 总 理 系 较 以 往 更 新 

作者 : wm 上 1 
时 间 : 2007-9-5 16;13:31 A 

简介 : 更 多 作品 :www_ skm net en 了 7 

pm. chinalanban_ com/akany on 推荐 作品 ToP10 


MSH; Jun85834858sina_ com. 画 pr 4 et Tencent Life 
i iphone 
A 0 朱 厌 ;0 作者 个 原创 体育 基 图 标 


简介 从 同 络 上 看 到 iphone 一 些 角 照 ，eui 做 得 直 精 致 ，。。。 图 标 
= 名 称 : 国 Tencent Life 于 是 桥 莫 一下, 学 习 学 习 ， Pe 
作者 : loowow F 
Winden 四 
时 间 : 2007-9-2 15;03:21 国 业 务 划 再 妇 近 天 统 idanbis design 
简介: 直 一 直 没 必 思 全 东西， 可 能 是 术 近 开学 。 作者 sb .公司 In 
Wy 的 原因 吧 。 邦 癌 ing ， 这 是 近 自 时 间 陆续 进 行 的 采 。 简介 更 允 作品 re evn ast_ cn 或 者 AR 
的 GU 党 试 的 结果 。 http://hoowow. cen/blo. mm. chinal snbun. com/ wlan 
人 电 : 1230 评论 :1 投票 :0 


hverenia Loum Set 
0 Skin Dosi 
四 网页 头 部 设计 


» Aodie Pl 
名 车 : 回 学 生意 理 系 统 2 


辣 简介 给 一 个 研究 所 网 站 套 的 头 部 ， 因 为 研究 所 是 摘 视 觉 = 
作者 : 流 里 heimasoft con) 研究 的 ， 所 以 在 头 部 的 制作 上 花 了 此 心思。 热门 作品 ToP10 
tA F = ,危险 化 学 吕 管 理 系统 界面 
简介 :一 个 学 生 管理 系统 的 界面 ， 初 次 制作 ， 请 - 
大 表 提 点 意见 FE , 某 客 户 管理 系统 时 好 界 面 

人 所 :795 主 沦 :0 扳 本 10。 信者 罗列 而 ,1 vindors 图 标 设 计 

foene 要 全 设计 
i ， 人力 凌 源 系 统 登录 界面 

名 称 : 四 工商 局 首页 作者 PEZHU 党 试 界面 设计 





6.3.3 ”适应 用 户 的 习惯 


用 户 们 在 长 期 使 用 互联 网 的 过 程 中 已 经 积累 了 很 多 经 验 。 很 多 网 页 对 他 们 来 说 都 是 不 言 而 喻 
的 ， 因 为 他 们 已 经 很 熟悉 网 站 的 普遍 使 用 方法 。 所 以 ， 在 设计 网 站 时 一 定 要 保持 通用 性 和 实用 性 ， 
并 且 记 住 下 面 这 名 话 : 


用 户 大 部 分 时 间 都 是 使 用 其 他 网 站 的 。 


就 像 阅读 报纸 一 样 ， 了 解 版 面 的 布局 和 格式 的 习惯 用 法 能 让 我 们 更 快 、 更 容易 地 扫描 页 面 。 我 
们 也 能 很 容易 地 阅读 其 他 城市 (甚至 国家 ) 的 报纸 ， 因 为 它们 都 采用 差不多 的 习惯 用 法 。 
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即使 一 个 字 也 看 不 懂 . 我 们 也 能 大 致知 道 有 些 什 么 内 容 ， 以 及 如 何 使 用 


用 户 不 可 能 只 使 用 我 们 设计 的 网 站 ， 更 多 的 时 间 他 们 都 花费 在 











他 网 站 上 。 他 们 也 不 一 定 愿 





意 花 费时 间 和 精力 来 接受 我 们 的 “特殊 ”设计 。 用 户 想 得 到 的 信息 和 服务 并 不 一 定 只 能 从 一 个 网 
站 里 得 到 ， 别 忘 了 你 有 相当 多 的 竞争 对 手 。 如 果 用 户 到 达 一 个 从 没 光顾 过 的 网 站 ， 不 能 在 几 种 钟 
时 间 内 觉得 网 站 的 内 容 合乎 他 们 访问 的 目的 ， 或 者 说 不 能 清楚 地 了 解 网 站 的 使 用 方法 ， 他 们 很 可 
能 马上 掉头 就 走 ， 尝 试 其 他 的 网 站 。 





\、 人 简单 Irssoeasy 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


所 以 ， 有 了 时候 更 新 颖 的 网 站 设计 ， 往 往 也 同时 伴随 着 较 高 的 危险 性 一 一 它 有 可 能 迷惑 用 户 。 


但 是 设计 师 们 通常 都 不 愿意 “拘泥 ”于 原 有 的 习惯 用 法 。 他 们 觉得 自己 之 所 以 是 设计 师 ， 就 
是 要 做 一 些 靳 新 的 、 与 众 不 同 的 设计 ， 而 不 是 使 用 那些 原 有 的 东西 。 没 有 人 会 因为 “他 保持 了 用 
户 的 习惯 用 法 ”而 得 到 赞扬 或 者 奖励 。 


而 且 我 们 并 不 是 否定 创新 。 有 和 句 话 叫做 “Having a healthy disregard for the impossible. (理性 地 蓝 
视 不 可 能 的 事 )”。 如 果 你 认为 某 种 新 奇 的 设计 与 习惯 用 法 一 样 易 学 易 用 ， 或 者 认为 它 能 够 带 来 非常 大 
的 价值 ， 值 得 用 户 付出 一 点 努力 来 学 习 ， 那 么 不 妨 大 胆 地 辅助 实用 。 这 就 像 创可贴 能 取代 绷带 一 样 。 
但 前 提 是 : 你 确实 认识 到 它 的 价值 大 于 习惯 用 法 的 价值 。 如 果 不 能 确定 ， 多 做 点 用 户 测试 。 如 果 50% 
以 上 的 人 都 认为 它 比较 糟糕 一 一 那 就 还 是 回 到 习惯 用 法 上 去 吧 。 


6.3.4 提供 目光 的 “落脚 点 ” 

在 真实 的 世界 中 ， 要 记 住 行走 的 路 线 往往 都 是 利用 一 些 突出 的 、 与 众 不 同 的 景物 或 建筑 标志 。 
例如 “到 了 招商 银行 后 往 左 损 进 一 条 小 起 子 "。 与 此 相似 ， 你 也 可 以 在 网 页 的 不 同位 置 提供 容易 关 
认 的 表达 形式 ， 这 样 同样 能 够 帮助 用 户 扫描 和 记 住 网 页 的 内 容 。 





例如 ， 在 以 文字 为 主 的 网 页 中 ， 在 适当 位 置 加 入 图 标 或 分 隔 线 ， 以 及 具有 醒目 字体 和 颜色 的 
标题 等 等 ， 这 些 都 可 以 成 为 用 户 区 分 不 同 内 容 的 有 效 标记 。 它 们 能 够 为 用 户 把 视觉 焦点 从 一 个 地 
方 移动 到 另 一 个 地 方 提供 线索 。 


看 看 下 面 的 文本 ， 你 的 视线 是 否 感觉 不 太 容 易 集 中 ? 


红 帆 不 避 是 Linwx , 它 将 以 中 国 开源 领袖 的 角色 出 现在 中 国 市 场 。”8 月 27 日 , 红 帽 大 中 华 区 总 坊 胡 伯 林 对 记者 说 。 在 今年 
1 和 胡 伯 林 作为 红 帽 大 中 华 区 新 一 任 掌 能 者 接 荐 了 原 红 帽 大 中 华 区 总 款 陈 实 的 职务 。 红 帽 方面 表示 , 胡 伯 林 的 就 任 是 大 中 
华 区 新 篇 章 的 开始 。 
政府 是 最 重要 的 客户 
红 帽 是 全 球 最 大 也 是 最 知名 的 开源 软件 企业 , 这些 年 在 中 国 的 业务 也 发 展 得 很 快 ， 但 是 政府 采购 市 场 几乎 是 红 帽 的 一 个 “ 死 
角 ”。 红 帽 在 中 国 的 主要 竞争 对 手 是 中 科 红 旗 ， 中 科 红 旗 由 于 有 一 定 政府 背景 ， 在 政府 采购 中 屡屡 得 手 。 而 红 帽 则 成 为 性 一 
没有 入 围 中 央 国家 机 关 协 议 供 货 的 在 京 开源 软件 企业 。 
对 此 胡 伯 林 坦 言 ， 在 政府 采购 等 领域 的 表现 “几乎 为 零 ” 人 未 来 红 帽 大 中 华 区 的 策略 格 
a 服务 三 大 部 分 。 其 中 政府 将 是 最 大 最 重要 的 客 
分 析 人 士 表示 红 帐 在 政府 采购 市 场 没有 什么 成 就 主要 是 两 个 问题 造成 的 。 首先 是 销售 模式 “水 土 不 服 ”, 红 帆 的 销售 模式 

上 是 “订阅 模式 ” 种 扩 和 光 冰 人 生生 1 无 法 适应 ] 人 其 次 ， 红 由 的 知名 度 太 

“ 红 帽 是 做 什么 的 ”依然 是 一 个 需要 普及 的 常识 
,机 入 要 与 直 认 各 门 浊 生 “外 汐 量 。 亿 全 多 和 四 法 估计 他 站， 并 所 取 二 些 政府 用 户 的 意见 ， 然后 再 决定 未 来 
的 销售 方式 。 红 由 项 望 把 产品 的 整个 生产 及 架构 解释 得 更 清楚 一 些 ， 让 政府 采购 重新 认 知 红 帽 。 
至 于 红 帽 原 有 的 订阅 采购 模式 ， 胡 伯 林 表示 红 帽 也 不 会 轻易 放弃 ， 因 为 这 种 模式 确实 能 够 给 政府 带 来 好 处 ， 目 前 多 数 软 件 公 
司 一 般 采 用 许可 销售 方式 ， 新 产品 发 布 之 后 ， 往 往 会 通过 终止 对 老 版 本 的 销售 来 达成 强制 升级 ， 从 而 带 来 更 多 销售 收入 。 而 
使 用 订阅 模式 ， 用 户 可 以 免费 试用 产品 ， 沉 得 对 自己 有 价值 再 付 钱 。 尽 管 现在 政府 可 能 不 习 悍 这 种 采购 方式 ， 但 是 在 了 解 地 
的 好 处 后 未 必 不 能 接受 。 
胡 伯 林肯 诉 记 者 ， 红 帽 在 全 球 并 不 缺乏 经 营 政府 行业 的 经 验 。 在 印度 ， 红 帽 50% 的 生意 是 政府 带 来 ! 
， 要 想 赢得 政府 采购 ， 首 先 要 说 服 政府 使 用 开源 软件 ， 和 得 站 生成， 而 政 
总 使 用 成 熟 的 产品 来 建设 地 们 的 信息 系统 ， 因 此 必 : 上 须 让 政府 用 户 意识 到 开源 的 重要 性 、 开 沽 的 价值 。 

此 外 ， oi ， 红 帽 自 身 也 缺乏 政府 采购 行业 的 知识 ,需要 进行 “ 恶 补 ”。 


培训 











一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


用 性 





哪怕 我 们 让 每 一 段 文 字 之 间 多 一 个 回 车 ， 稍 微 加 大 点 行 间距 ， 可 能 就 要 好 得 多 。 


“ 红 帽 不 忆 是 Linux， 它 将 以 中 国 开源 领袖 的 角色 出 现在 中 国 市 场 。”8 月 27 日 ， 红 帽 大 中 华 区 总 裁 胡 伯 林 对 记者 说 。 在 今年 
7 月 ， 胡 伯 林 作为 红 帽 大 中 华 区 新 一 任 掌舵 者 接 蔡 了 原 红 帽 大 中 华 区 总 栽 陈 实 的 职务 。 红 帽 方 面 表示 ， 胡 伯 林 的 就 任 是 大 中 
华 区 新 篇 章 的 开始 。 


政府 是 最 重要 的 客户 

红 帽 是 全 球 最 大 也 是 最 知名 的 开源 软件 企业 ,这些 年 在 中 国 的 业务 也 发 展 得 很 快 ， 但 是 政府 采购 市 场 几乎 是 红 帽 的 一 个 “ 死 
角 ”。 红 帽 在 中 国 的 主要 竞争 对 手 是 中 科 红 旗 ， 中 科 红 旗 由 于 有 一 定 政府 背景 ， 在 政府 采购 中 层 展 得 手 。 而 红 帽 则 成 为 惟一 
没有 入 围 中 央 国家 机 关 协 议 供 货 的 在 京 开 源 软 件 企业 。 


对 此 胡 伯 林 坦 言 ， 在 政府 采购 等 领域 的 表现 “几乎 为 零 ”， 但 是 地 上 任 以 后 情况 将 要 发 生变 化 ， 未 来 红 帽 大 中 华 区 的 策略 将 
分 成 行业 、 政 府 、 服 务 三 大 部 分 。 其 中 政府 将 是 最 大 最 重要 的 客户 。 


重 塑 品牌 形象 

分 析 人 士 表 示 ， 红 帽 在 政府 采购 市 场 没有 什么 成 就 主要 是 两 个 问题 造成 的 。 首 先是 销售 模式 “水 土 不 服 ”， 红 帽 的 销售 模式 
基本 上 是 “订阅 模式 ”， 而 政府 采购 则 通常 采用 招标 的 形式 ，“ 订 阅 模 式 ” 无 法 适应 政府 采购 制度 ; 其 次 ， 红 帽 的 知名 度 太 
低 ， 对 政府 采购 人 或 采购 代理 机 构 来 说 ，“ 红 帽 是 做 什么 的 ”依然 是 一 个 需要 普及 的 常识 问题 。 


对 此 胡 伯 林 表 示 ， 红 由 要 与 政府 部 门 进行 一 些 沟通 ， 把 红 帽 的 想法 告诉 他 们 ， 并 听取 一 些 政府 用 户 的 意见 ， 然 后 再 决定 未 来 
的 销售 方式 。 红 帼 希望 把 产品 的 整个 生产 及 架构 解释 得 更 清楚 一 些 ， 让 政府 采购 重新 认 知 红 帽 。 











另 一 方面 ， 使 用 正确 的 对 齐 和 排版 方式 也 很 重要 。 比 如 说 ,减少 用 户 眼光 水 平 扫 视 的 范围 ,他 
们 阅读 或 扫描 的 速度 便 会 大 大 加 快 。 你 可 以 把 较 宽 的 文字 段落 以 较 小 的 宽度 显示 。 此 外 ， 大 多 数 
情况 下 书写 的 习惯 是 居 左 对 齐 ， 但 在 用 户 填写 表单 时 ， 有 时 候 把 项 目 名 称 居 右 对 齐 反 而 可 能 使 用 
户 更 容易 地 与 相应 的 文本 框 对 应 。 


例如 下 面 右边 的 表单 ， 在 填写 时 就 比 左边 的 要 相对 更 容易 辨识 一 些 。 


答 验 | 12 人 六 站 本 有 内 字 、 或 26 个 中 区 
一 下 妇 


[一 was gps 2 


答 驻 」 3 .12 英信 半 有 险 于 、 或 36 人 中 区 


从 卫 坟 写 ， 发 度 -12 个 革 六 字 笠 和 中 
一 一 一 一 


一 总 和 二 的 本 本 一 总 天 的 


[ Se 泛 丰 全 岂 于 如 漠 ， 天 及 T 检 广 骨 
请 自明 片 守 和 字 培 入 近 中 TE eA 


Dd —i 问题 和 基 宕 要 具 太 要 古人 性 和 队 冰 全 


并 于 同和 委 案 可 以 相近 避 于 限 同 宪 克 ,放生 居 写 F 。 折 直 有 是 案 可 直接 于 及 后 宅 多 ,请 全 二 乞 
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6.4 ”同时 , 减少 用 户 的 思考 


糟糕 的 设计 是 把 简单 的 事情 复杂 化 。 





就 这 么 简单 mmm 


一 一 eb 开发 中 的 可 用 性 和 用 户 体 验 








平庸 的 设计 是 把 复杂 的 事情 复杂 化 。 
而 优秀 的 设计 则 能 够 把 复杂 的 事情 简单 化 。 


人 无 法 停止 思考 。 我 们 已 经 说 过 ， 用 户 思考 是 很 有 必要 的 。 每 当 他 们 来 到 一 个 网 站 ， 他 们 都 会 
思考 以 下 几 个 问题 : "这 是 什么 地 方 ? ”、“ 这 里 有 我 需要 的 内 容 吗 ? ”"、* 我 还 能 去 哪里 ?”。 


但 有 些 思考 就 是 不 必要 的 了 。 


在 浏览 网 页 的 时 候 ， 网 页 的 每 项 内 容 都 有 可 能 迫使 我 们 停 下 来 进行 不 必要 的 思考 。 我 们 的 脑 
会 不 断 地 出 现 各 种 问号 ， 把 注意 力 从 要 完成 的 任务 上 引 到 别处 。 英 语 有 句 俗 话 叫 “monkeys on 
my back"， 这 些 问号 就 像 不 安 分 的 猴子 ， 也 许 一 两 只 还 能 够 承受 ， 但 如 果 它 们 越 来 越 多 ， 压 在 我 
们 背后 就 会 足以 令 人 抓 狂 。 


要 想 去 掉 这 些 问号 ， 做 到 “减少 用 户 的 思考 "， 有 几 个 方面 需要 注意 。 
6.4.1 减少 不 确定 因素 


在 用 户 光 临 你 的 网 站 之 前 ， 可 能 从 没有 接触 过 你 的 网 页 。 当 他 们 在 网 页 中 浏览 或 选择 时 ， 可 
能 会 有 很 多 不 确定 性 。 我 能 点 这 个 按钮 么 ?我 选择 “香港 ”地 区 时 打开 的 网 页 是 中 文 还 是 英文 ? 
这 是 网 站 内 的 搜索 还 是 整个 互联 网 的 搜索 ? 很 多 时 候 他 们 不 敢 去 尝试 ， 害 怕 由 于 错误 的 选择 而 出 
现 意外 的 页 面 ， 从 而 耽误 他 们 的 时 间 。 


这 些 “ 不 确定 因素 ”产生 的 问号 会 出 现在 页 面 的 各 种 地 方 。 在 之 前 “降低 好 感度 ” 那 一 节 我 


已 经 举 了 很 多 例子 。 当 然 还 有 更 多 的 例子 : 
昌 

















Fe | 
EL 


如 果 我 不 选 “ 关 键 字 ”的 话 ， 是 否 就 不 能 输入 关键 字 了 ? 






新 品 | 特价 书 | 畅销 榜 | 尾 货 出 清 | 精彩 评论 | 团购 





我 现在 到 底 在 “首页 ”还 是 “我 的 当当 ”? 
服务 领域 


“出 版 “改写 编辑 。 “印刷 。 美 编 
"翻译 。”“， 音 像 制品 “境内 产品 市 场 分析 





这 些 到 底 能 不 能 点 击 ? 结果 是 不 能 点 击 ) 


用 户 登 录 





Cookie 是 个 什么 玩意 ? 另外 ， 我 点 什么 进去 啊 ? 


a 一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 ltg s0 easy 


网 页 的 可 用 性 





卡巴 斯 基 实验 室 的 网 站 在 这 方面 做 得 就 很 不 错 。 按 钮 和 超 链接 清晰 可 辨 ， 各 个 国家 和 地 区 的 下 
拉 列 表 选 项 中 也 标明 了 页 面 所 用 的 语言 。 不 管 我 是 个 人 还 是 企业 用 户 ， 也 不 管 我 是 想 试用 、 购 
买 还 是 在 线 扫描 ， 都 能 明确 地 知道 通过 什么 操作 能 达到 自己 的 目的 。 


可 国 (中 ss | 六 | 如 费 斌 用 | 网 站 
KASP=RIKY 中 国 ( 简 中 : bd 搜索 免费 试用 同 站 导 芳 
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| eve | Bev | arwg | xTan | ers | 
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为 什么 会 这 样 ? 可 能 的 解释 是 ， 卡 巴 斯 基 实验 室 的 搜索 程序 只 认识 英语 (或 俄语 )， 它 把 中 文 当 
成 乱码 了 。 但 很 奇怪 的 是 为 什么 会 连 到 它 的 国际 网 站 上 去 (你 看 我 现在 已 经 开始 不 必要 的 思考 
了 )。 不 管 怎么 说 ， 我 再 也 不 敢 在 卡巴 斯 基 网 站 上 用 中 文 搜索 了 。 我 同时 开始 隐隐 担心 的 是 ， 它 
的 中 文 网 站 里 会 不 会 还 有 别 的 链接 让 我 莫名 其 妙 地 跑 到 国际 网 站 上 去 呢 ? 





就 这 2 简 单 Its s0 e3Sy 


一 一 W eb 开 发 中 的 可 用 性 和 用 户 体验 








其 他 还 有 很 多 地 方 都 需要 减少 用 户 的 “不 确定 ”问号 。 例 如 你 可 以 对 链接 进行 必要 的 解释 。 要 
知道 有 些 链 接 用 户 并 不 一 定 想 点 开 。 


有 的 网 站 会 提供 DOC 或 者 PDF 格式 的 文件 供用 户 下载 。 如 果 没 有 相应 的 提示 ， 有 时 候 用 户 会 
点 击 PDF 文件 的 链接 。 通 常 这 个 时 候 Web 浏览 器 会 出 现 一 个 新 的 窗口 ， 下 载 并 显示 一 般 来 说 
比较 巨大 的 PDF 文件 。 这 可 能 会 占用 很 大 内 存 。 许 多 人 都 不 习惯 这 种 方式 ， 他 们 会 说 “ 早 知 
道 是 这 样 ， 我 还 不 如 直接 下 载 到 硬盘 再 打开 呢 !“ 


有 些 网 站 注意 了 这 个 细节 ， 在 下 载 链接 前 面 提供 了 文件 格式 的 图 标 。 这 样 用 户 可 以 马上 了 解 链 
接 文件 的 格式 ， 从 而 做 到 有 选择 的 下 载 。 


DOWNLOAD 
辆 MD 产品 用 户 界面 设计 规范 _Ver0.4.doc (486.00M 
是 Application Development in Midinux_vhs pdf (683.91J 





| SowW_Midinux_yv0.doc (254.50MO 
小 部 分 界面 截图 rar (592.33W 





6.4.2 ”保证 网 页 的 一 致 性 


一 般 情 况 下 ， 一 个 网 站 里 面 所 有 页 面 的 设计 风格 需要 保持 高 度 的 一 致 性 。 具 有 高 度 一 致 性 的 网 
站 能 给 用 户 清晰 感 和 整体 感 ,便于 他 们 “扫描 ”, 也 能 够 用 这 种 “确定 性 ”减少 他 们 可 能 产生 的 间 号 。 
同时 ， 浏 览 网 站 的 时 候 用 户 能 够 感受 自己 身 处 一 个 经 过 精心 的 全 面 设计 的 “空间 ”之 内 , 一切 都 
井然 有 序 。 这 也 能 提升 他 们 的 情绪 值 和 好 感度 。 


我 在 第 三 章 曾 经 描述 过 一 些 具体 的 设计 指南 ， 里 面 提 到 过 “一 致 性 ”的 问题 。 现 在 看 看 对 于 
网 页 来 说 它 应 该 如 何 解释 。 
一 致 的 网 站 标志 和 导航 栏 


它们 可 以 说 是 最 体现 网 站 特征 的 部 分 。 这 就 像 VIS (视觉 识别 系统 ) 一 样 ,应 该 对 logo 的 颜色 、 
大 小 、 位 置 等 方面 都 有 严格 的 说 明 。 如 果 一 个 网 站 里 面 每 个 网 页 的 10go 都 大 小 不 同 ， 或 者 位 置 不 
统一 ， 或 者 导航 栏 在 某 些 页 面 突然 多 出 两 个 子 选项 ， 给 浏览 者 的 感觉 一 定 很 不 好 。 





















































ABC 公司 


简介 产品 文化 关于 
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公司 的 网 站 吗 ? 


各 


一 致 的 页 面 布局 


这 可 以 说 是 一 种 “包装 ”>， 我 们 使 用 图 片 或 者 图 表 来 表达 一 些 信息 。 如 果 某 些 页 面 的 等 级 是 
一 致 的 , 那么 它们 的 “包装 ”风格 也 应 是 一 致 的 , 用 户 应 该 使 用 同样 的 浏览 方式 来 阅读 这 些 网 页 。 








| 型 笔记 本 川 型 笔记 本 

















一 致 平衡 的 信息 结构 

网 站 每 个 栏目 的 信息 量 应 当 合理 分 配 。 除 了 一 些 特定 的 内 容 (例如 “网 站 地 图 "和 “联系 方式 ”) 
所 有 分 支 的 信息 量 应 当 相对 平衡 。 如 果 用 户 在 A 栏 目 中 看 到 有 20 多 个 下 级 栏目 ， 但 日 栏目 中 却 只 
有 3 个 ， 他 们 肯定 会 有 点 头 午 脑 胀 一 你 迫使 他 们 去 思考 “为 什么 会 这 样 ”。 
一 致 的 重复 性 元 素 


如 果 使 用 了 文本 框 ， 那 么 网 站 中 所 有 文本 框 的 形式 都 应 当 一 致 。 如 果 某 个 图 标的 尺寸 是 40 x 
40 像素 ， 那 么 相 类 似 的 图 标 大 小 都 应 该 差不多 。 


一 致 和 谐 的 字体 和 色彩 

字体 和 色彩 也 应 遵循 同样 的 标准 。 你 可 以 为 不 同 的 版 块 设置 不 同 的 色 系 ， 但 是 如 果 你 这 个 版 
块 用 的 是 橘红 ， 那 么 它 所 有 的 页 面 都 应 该 是 橘红 。 版 块 与 版 块 之 间 的 差异 也 应 该 明显 。 

以 上 是 一 些 考虑 一 致 性 的 例子 。 如 果 想 保证 一 致 性 ， 一 个 很 有 效 的 方法 就 是 在 设计 网 站 时 制定 
正式 的 “设计 风格 标准 "。 这 种 标准 规定 了 网 站 中 所 有 网 页 都 必须 遵守 的 设计 规则 。“ 设 计 风 格 标准 ” 





Ss 简 单 It's so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








并 没有 固定 的 格式 , 但 应 当 非 常 具体 , 包括 页 面 所 使 用 的 图 标 、 文字 、 表格 等 各 种 元 素 的 颜色 、 大 小 、 
格式 等 内 容 。 
一 致 ， 但 不 一 样 


需要 注意 的 是 ,一 致 性 并 不 是 “相似 性 ”。 如 果 太 相似 ， 很 可 能 用 户 无 法 区 分 彼此 之 间 的 不 同 。 
例如 下 面 的 网 页 ， 图 标 之 间 的 颜色 、 形 式 过 于 相似 ， 尽 管 图 标 能 代表 各 选项 的 功能 和 概念 ， 但 用 




















户 一 眼看 上 去 无 法 觉察 出 差异 ， 图 标 没有 体现 出 明确 辅助 标识 的 作用 。 


原创 (927391 个 视频 ) 


热门 标签 ; 动画 动 温 音乐 MV 护符 5 MTV 
莫 让 宝宝 自拍 


音乐 (943372 个 视频 ) 


热门 标签 ; MY 音乐 mty mo3 Music 经 典 东 
十 神志 LIVE 的 济 演唱 会 


搞笑 (83561 个 视频 ) 


热门 标签 : 恶搞 醒 信 自拍 意外 唐 申 来 了 且 
制 MY 县 宗 完 xman 存 国 综艺 爆笑 


游戏 (136106 个 视频 ) 


热门 标签 ; 游戏 动 振 团 跑 跑 卡丁车 跑 跑 GAL 
GAME 唐 营 动 拔 CS 宰 物 小 撞 灵 wowmovles 


体育 (31615 个 视频 


热门 标签 ; 差 击 平 花 散打 格斗 TOP10 绝对 
巨星 WWE 显 联 回味 功夫 


科教 (82248 个 视频 ) 


热门 标签 : 艺 庆 教育 学 习 湖 心 鱼 畅游 日 天 
这 习 Painter 安利 知识 置 仁 经 进 座 


6.4.3 ”明显 标识 可 以 点 击 的 地 方 


人 们 在 网 络 上 做 得 最 多 的 一 件 事情 就 是 找到 下 一 个 地 方 点 击 。 如 果 一 个 地 方 是 可 以 点 击 的 ， 那 
么 你 就 应 该 明确 地 告诉 他 们 。 


娱乐 (869199 个 视频 


热门 标签 ;东方神起 5] 区 洁 就 唐 在 中 做 秀 
昌 理 有 天 TVXO 神话 


影视 (842499 个 视频 ) 


热门 标签 ;电视剧 tvb 在 剧 连 疆 剧 电影 日 
崭 姜 剧 影视 朱智 助 第 八 号 当铺 


动画 (658270 个 视频 ) 


热门 标签 ; 海 赋 于 动画 动漫 死神 bdvtt 火影 
妨 者 打击 动画 片 役 语 动画 卡通 


广告 (63841 个 视频 ) 


热门 标签 ; 广告 cm 护符 中 美女 措 恋 丹 经 
奥 KAT-TUN mv kame 


生活 (210498 个 视频 


热门 标签 ; 旅游 宝宝 拉 园 宏 物 姜 女 可 爱 姜 
容 太 S 明星 天 天 饮 全 


其 他 (108181 个 视频 


热门 标签 : zippo 军事 NEWS 新 闻 小 说 演播 
越剧 英 适 ENGLISH 委 国 fee 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


网 页 的 可 用 性 





也 许 你 会 说 : “哪里 是 可 以 点 击 的 一 一 我 把 鼠标 移 上 去 ， 如 果 箭 头 变 成 了 一 只 手 ， 那 就 表示 可 
以 点 击 。 这 并 不 需要 费 多 大 功夫 。” 但 是 如 果 我 们 迫使 用 户 去 思考 本 来 通过 下 意识 就 能 知道 的 东西 ， 
这 纯粹 就 是 在 浪费 他 们 对 新 网 站 本 就 很 有 限 的 耐心 和 好 感 。 

如 果 是 一 个 按钮 ， 那 么 我 们 不 需要 去 担心 。 用 户 们 知道 按钮 都 是 为 了 点 击 而 设置 的 。 但 如 果 是 
文本 超 链 接 一 一 我 们 知道 ， 现 在 几乎 80% 的 网 站 都 不 再 使 用 缺 省 的 超 链接 形式 了 。 也 就 是 说 ， 不 
仅 超 链接 的 文字 不 是 蓝 色 ， 而 且 好 多 超 链接 根本 就 没有 下 划 线 。 有 些 超 链接 文本 在 鼠标 移 上 去 的 
时 候 出 现下 划 线 ， 有 些 则 只 是 变 个 颜色 。 

但 这 些 也 不 会 造成 太 大 的 影响 : 我 们 使 用 了 这 么 多 年 的 互联 网 ， 已 经 具备 了 一 定 的 经 验 ， 能 
够 识别 出 什么 是 超 链接 。 


那 是 否 就 是 说 这 个 问题 可 以 不 用 考虑 了 ? 当然 不 是 。 那 到 底 要 注意 些 什么 呢 ? 
关于 文本 超 链接 ， 我 们 需要 把 握 一 个 原则 : 
让 用 户 清楚 地 区 分 超 链接 文本 和 其 他 文本 形式 ， 并 潜意识 知道 可 以 点 击 。 
具体 来 说 ， 我 们 可 以 分 三 种 情况 来 讨论 : 

有 时 候 下 划 线 可 有 可 无 


如 果 是 网 站 的 导航 区 域 ， 我 会 潜意识 去 点 击 里 面 的 任何 东西 一 一 这 就 是 经 验 告诉 我 的 。 所 以 
不 管 里 面 的 文字 链接 是 否 带 有 下 划 线 ， 对 用 户 来 说 都 没有 什么 影响 (只 要 不 是 有 的 带 有 的 不 带 就 
行 )。 


鲍 四 用 网 网 和 启 四 
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排名 “在 职 硕 本 专职 证 快 ” 厦大 EMBA 上 海 开 班 ” 人 大 法 国 硕士 直 读 中 央 财 大 财务 总 鉴 








rs so easy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





还 有 一 种 是 整个 页 面 全 是 超 链接 的 情况 。 很 多 门户 网 站 ， 例 如 新 浪 、 搜 狐 ， 首 页 里 面 的 内 容 
几乎 全 部 都 是 可 以 点 击 的 。 这 种 时 候 这 些 超 链接 可 以 有 下 划 线 ， 也 可 以 没有 。 例 如 网 易 的 首页 就 
去 掉 了 超 链 接 的 下 划 线 。 
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， 深圳 屡 市 价格 回归 暂停 疯 涨 市 民 观望 气氛 浓 
"台湾 “ 陆 委 会 ” 称 姚明 莫 款 750 万 尾 违 规 图) 
“美国 昆虫 机 试飞 成 功 重 60 毫 克 (图 ) 共 建 和 谐 
"印度 发 现 富 铀 矿 举国 振奋 可 望 发 展 核武 图 ) 
广东 富豪 被 乱 刀 捅 死 的 手 就 缚 平 幕 抽烟 (图) ， ChinaRen | 为 喧 开 学 家 长 要 去 送 学 生 人 让 太阳 照常 升 起 
， 厦门 恶 徒 暴打 公交 司机 7 分 钟 草 网友 声 讨 (图 ) 。 花边 | 项 俐 低 胸 图 阿 昧 与 24 岁 男友 恋情 曝光 男 不 坏 女 不 : 
"台湾 大 享 取 日 本 富家 女 包 600 万 元 红包 (图 ) 
"搜狐 出 台 奥运 报道 规划 东方 卫视 在 线 看 直播 
' / 讽 频 | 张国立 蒋 委 丽 金婚 柏 芝 刀 口 未 全 瘦身 
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搜狐 的 首页 全 部 都 带 下 划 线 


最 新 消息 : 一 汽 弃 腾 , 满意 赢得 客户 丽 珠 抗 病毒 抑制 合流 感 打工 不 如 开 个 小 店 * 室内 装修 知识 宝典 
， 有 品位 的 老板 都 写 博客 
图 片 新 闻 北京 新 闻 。， 订 制 本 地 。 网 易 土木 在 线 诚 聘 英 才 


* 日 立 FallD 厅 目 亮剑 
国庆 放 慨 通知 :1-7 日 放 慨 7 天 en 
， 厦门 两 男子 暴打 公交 司机 8 分 钟 员 频 ) 王 而 7 
“9 ，11” 六 周年 拉 合 格 宣读 翅 机 者 造 虽 
. 中国 城市 排行 :北京 量 美丽 香港 最 安全 


"广州 一 女 业主 小 区 内 遭 割 喉 当 场 惨死 图 ) 


" 姚明 在 台 蓄 善 碾 款 750 万 被 台 方 认定 违规 

" 台 旅 游 大 享 娶 日 本 富家 女 包 600 万 红包 (图 ) 
十 七 大 代表 风采 :多 吉 " 男子 疾 劳 驾驶 挤 死 3 名 交警 后 光 远 组 图 ) 
美国 是 怎样 照顾 穷人 的 图 ) ”广东 东莞 定 豪 在 KTY 包 房 内 被 乱 刀 捅 死 图 ) 


公共 卫生 是 政府 的 首要 责任 -- 
国民 党 败退 台 外 使 人 员 造反 [北京 ] 北 京 高 校 食堂 拘 限制 校外 人 员 就 餐 集体 下 路 是 伪 章 师 歼 仪 


那些 来 自 未 来 的 神奇 汽车 。“【 商 讯 ] 瑞星 2008 版 ] 免 费 . 石 清 事件 的 发 展 路 线 图 
， 更 多 热点 新 闻 


男子 与 朋友 妻 通 好 跨 街 赔 罪 





网 易 的 首页 则 没有 下 划 线 





4 一 一 Web 开 发 中 的 可 用 性 和 用 户 体验 its s0 easy 


1 的 可 用 性 





有 时 候 最 好 有 下 划 线 


一 般 来 说 ， 在 文字 链接 和 普通 文本 混 排 的 情况 下 ， 下 划 线 更 容易 让 我 们 去 点 击 。 在 这 种 时 候 ， 
通 文字 的 表示 方法 最 好 明显 区 分 于 超 链接 。 


感 沉 怎 么 样 ? 感觉 怎么 样 ? 


先 用 用 看 嘛 ， 如 果 你 还 苋 得 有 问题 ， 可 以 : 先 用 用 看 嘛 ， 加 果 你 还 艺 得 有 问题 , 可 以 : 


“去 看 看 便 用 笨 助 。 ， 去 看 看 保 昌 而 助 。 
“到 论坛 必 备 软件 专 贴 说 涪 ,网友 们 会 帮 你 的 。 + 到 论坛 必 备 软件 专 贴 说 涪 ,网友 们 会 帮 你 的 。 





另外 ， 如 果 是 独立 的 文字 链接 ， 也 需要 加 上 下 划 线 ， 不 然 很 容易 被 人 忽略 以 为 不 能 点 击 。 


对 本 吧 的 管理 权 。 一 个 账号 只 能 申请 一 个 贴吧 。 对 本 吧 的 管理 权 。 一 个 账号 只 能 申请 一 个 贴吧 。 
洲 请 朋友 光 赂 贴吧 孵 清 朋友 六 贴吧 


“Er 


er ae 用 用 5” tb 有 坦 


所 : 5 区 门 辣 lt li wishin PP 拓 和 :3 旨 门 次 。 手 : 1 sshiss 划 着 我 也 





超 链接 和 按钮 


有 时 候 你 也 可 以 把 文字 链接 做 成 按钮 的 形式 ， 以 此 来 吸引 用 户 的 注意 。 也 许 很 多 人 不 太 了 解 
文字 链接 和 按钮 的 区 别 ， 或 者 说 不 太 清楚 什么 时 候 该 设置 为 文字 链接 ， 什 么 时 候 可 以 做 成 按钮 。 





一 般 来 说 ,“ 文 字 链 接 ” 在 点 击 后 只 是 链接 到 一 个 新 的 页 面 ， 而 “按钮 ” 则 更 富 功能 性 ， 例 如 
表单 提交 和 下 载 ， 它 们 涉及 到 数据 的 转换 。 用 户 点 击 了 链接 后 不 会 出 现 什么 严重 的 后 果 ， 随 时 能 
够 通过 浏览 器 的 “后 退 ” 按 钮 回 到 前 一 个 页 面 ; 但 点 击 按钮 就 是 确定 提交 了 数据 ， 这 个 时 候 浏 览 
器 的 “后 退 ” 是 没有 用 的 。 


但 是 由 于 现在 互联 网 使 用 习惯 的 演变 ， 对 于 网 页 来 说 ， 超 链接 和 按钮 之 间 的 差别 已 经 不 大 了 。 
对 于 用 户 来 说 ， 它 们 都 是 可 以 点 击 的 ， ee 
不 是 按钮 。 对 他 们 来 说 ， 重 要 的 是 “页 面 上 的 内 容 ， 以 及 “我 要 的 东西 出 来 没有 ”。 所 以 从 
这 个 角度 上 来 说 ， 不 管 是 超 链接 还 是 按钮 ， 你 只 其 表现 形式 的 统一 性 即 可 
突出 这 个 链接 ， 把 它 做 成 按钮 的 样子 也 未 尝 不 可 。 






































就 这 么 简单 rss easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








6.4.4 清晰 、 简 单 的 网 页 内 容 


大 多 数 用 户 并 不 会 把 网 站 用 作 阅 读 工具 。 由 于 屏幕 大 小 和 下 载 要 求 等 因素 的 限制 ， 用 户 一 次 
只 能 看 到 一 个 网 页 的 一 个 屏幕 范围 内 的 显示 内 容 。 他 们 使 用 网 站 的 典型 方式 是 通过 浏览 一 些 比较 
简单 的 信息 而 决定 下 一 步 要 做 什么 。 

当然 有 一 种 例外 ， 即 在 线 文章 或 新 闻 网 站 。 用 户 浏览 这 些 页 面 的 时 候 有 着 明确 的 目的 ， 他 们 
就 是 冲 着 这 些 文字 来 的 ， 而 且 做 好 了 心理 准备 一 一 我 要 沉 下 心 来 ， 好 好 读 读 到 底 是 怎么 回 事 。 这 
种 特例 不 是 我 们 讨论 的 内 容 。 











用 户 在 阅读 其 他 媒体 时 ， 例 如 书籍 和 报纸 ， 往 往 会 比较 容易 和 迅速 地 专注 在 某 一 特定 内 容 上 
而 开始 连续 的 阅读 。 但 是 他 们 在 使 用 网 站 的 时 候 ， 则 会 把 很 多 时 间 和 注意 力 集中 在 选择 和 决定 上 。 
如 果 我 们 的 网 站 上 文字 累 奖 、 艰 汲 难 懂 或 者 夸 夸 其 谈 ， 这 都 会 妨碍 用 户 的 使 用 。 

















关于 网 页 内 容 的 编写 ， 有 一 些 需 要 注意 的 地 方 : 


使 用 用 户 的 语言 ， 而 不 是 技术 语言 


我 们 要 考虑 到 网 站 浏览 者 们 的 水 平 、 品 味 和 知识 结构 。 并 不 是 所 有 人 都 是 专业 人 士 ， 所 以 要 
避免 使 用 普通 用 户 不 能 理解 或 不 习惯 的 语言 ， 例 如 专业 名 词 、 方 言 和 英文 字母 缩写 。 





现在 很 流行 一 种 被 称 为 “RSS” 的 内 容 共享 方式 。 但 很 多 人 根本 不 了 解 什 么 叫做 “RSS“ 。 如 果 
看 到 某 个 网 站 上 有 个 这 样 的 图 标 ， 人 们 可 能 会 不 知 所 以 ， 尽 管 它 非常 简单 实用 。 


其 实 “RSS”(Really Simple Syndication, 真正 简单 的 整合 ) 是 一 种 描述 和 同步 网 站 内 容 的 格式 ， 
是 目前 使 用 最 广泛 的 XML 应 用 。 通 过 RSS 每 个 人 都 能 自由 调用 (或 订阅 ) 提供 RSS 服务 的 
网 站 内 的 一 些 信息 ， 或 者 提供 自己 发 布 的 信息 让 其 他 站 点 共享 。 


这 是 个 什么 玩意 ? 


也 许 在 按钮 下 面 加 上 几 个 字 就 能 减少 很 多 用 户 的 疑惑 : 





哦 . 我 可 以 订阅 他 写 的 日 志 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


的 可 用 性 





与 之 相似 的 还 有 下 面 这 个 按钮 : 





[+ Rss 订阅 本 站 各 栏目 











使 用 通俗 的 语言 ， 而 不 是 故 作 高 深 

平易 的 语言 使 读者 能 轻松 而 快速 地 理解 内 容 ， 因 此 不 要 使 用 不 必要 的 复杂 或 抽象 语言 。 文 约 
约 的 “官方 用 语 ”总 让 人 要 “ 转 个 李 ” 才 能 想 清楚 。 

例如 “撰写 ”可 以 考虑 改 成 “编写 ”, 甚 至 更 简单 地 改 成 “ 写 ", “雷同 ”可 以 改 成 “相同 "; 最终” 
可 以 改 成 “最 后 "。 这 样 我 们 能 够 拉 近 与 用 户 之 间 的 距离 ， 而 不 是 摆 出 一 副 冷冰冰 的 “ 客 套 ” 面 孔 。 
减 去 不 必要 的 词句 ， 让 页 面 更 简短 


不 必要 的 文字 简直 就 是 在 浪费 用 户 的 时 间 。 在 很 多 网 站 上 面 ， 大 部 分 文字 都 是 在 占 地 方 而 已 ， 
没有 人 打算 读 它 们 。 去 掉 没 人 会 看 的 文字 可 以 让 有 用 的 内 容 更 突出 ， 也 可 以 让 页 面 更 简短 。 用 户 
在 页 面 上 一 眼 能 看 到 更 多 的 内 容 ， 他 们 滚动 屏幕 的 次 数 也 会 少 一 些 





例如 ,“ 以 往 的 经 验 ” 直 接 改 成 “经 验 ” 就 可 以 ,“ 互 相 协作 ”也 应 该 变 成 “协作 ”。 多 出 来 的 
那些 字 词 就 是 我 们 所 说 的 “废话 ”了 。 你 应 当 看 着 页 面 上 的 每 个 句子 每 个 词 问 一 遍 “ 这 里 是 否 可 
以 去 掉 ? 是 否 可 以 更 简短 ? ”如 果 是 ， 毫 不 留情 地 减 掉 它们 。 

此 外 ， 多 使 用 短 句 会 使 用 户 阅 读 起 来 不 那么 费时 费力 。 因 为 复杂 的 长 句 往往 让 人 迷惑 。 


不 要 压 夸 其 谈 , 或 者 让 人 摸 不 着 头脑 

网 站 的 用 语 应 当 谨 慎 得 体 。 很 多 网 站 太 过 于 注重 宣传 和 推广 ， 极 度 美化 自己 的 公司 或 产品 ,而 
且 使 用 的 词汇 抽象 空洞 。 这 些 我 们 在 日 常生 活 中 的 广告 里 面 经 常 能 体会 到 。 这 些 夸 夸 其 谈 的 内 容 
根本 不 会 给 用 户 带 来 任何 有 价值 的 信息 ， 相 反 ， 它 们 会 妨碍 用 户 的 使 用 ， 甚 至 带 来 反感 。 


另外 有 些 网 站 提供 一 些 莫名 其 妙 的 内 容 。 用 户 看 到 这 些 后 只 会 摸 不 着 头脑 ， 甚 至 会 “鄙视 ”网 
站 的 所 有 者 。 








某 个 网 站 的 “公司 文化 ”栏目 里 面 ， 通 篇 在 介绍 该 公司 所 在 城市 的 历史 古迹 、 文 人 墨客 ， 还 提 
供 了 很 多 诗词 歌 赋 供 浏览 者 欣赏 。 但 是 关于 企业 自身 文化 方面 的 宣传 倒 少 得 可 怜 。 这 就 有 点 本 
未 倒置 了 。 








简 单 Its so easy 
一 一 WW eb 开发 中 的 可 用 性 和 用 户 体 验 


_ = 2 sn 
首 页 下 走 进 创 先 | 产品 展厅 | 联系 创 先 | 同上 订购 | 网 上 交流 | 新闻 中 心 | 英文 版 了 
2007 年 9 月 10 日 星期 一 








[出 咎 祖 一 一 程 长 庚 ， 清 代 亮 大 、 道 光 年 间 入 京 演 
人 威 丰 、 bh CO 


位 于 湾 
hi “办 光 区 的 所 半生 区 时 入 演艺 
史 科 及 微调 ， 高 腔 等 唱 种 的 源流 巡 末 。 





最 下 面 的 那 段 文 字 应 该 去 掉 。 人 们 看 不 出 京剧 鼻祖 程 长 庚 和 公司 的 关系 一 一 如 果实 在 想 要 ， 把 
它 移 到 第 二 段 之 前 ， 效 果 也 会 比 现在 好 一 些 。 


6.5 告诉 用 户 他 们 在 哪里 


互联 网 是 一 个 特殊 的 空间 。 人 们 游 飞 在 其 中 ， 抵 达 一 个 个 网 站 ， 在 其 中 的 一 些 页 面 上 落脚 ， 获 
取信 息 ， 然 后 再 跳 到 其 他 网 站 或 页 面 上 去 。 














没 错 ， 是 “ 跳 到 ”， 而 不 是 一 步 一 步 走 过 去 的 。 我 们 通过 “点 击 链 接 ” 向 前 移动 ， 没 法 看 清楚 
路 上 有 些 什么 东西 。 我 们 也 没 办 法 记 住 它 的 物理 位 置 (根本 也 没有 什么 物理 位 置 )， 如 果 希 望 再 次 
访问 某 个 内 容 ， 我 们 只 能 重新 顺 着 以 往 的 链接 找 过 去 。 





在 这 个 奇怪 的 空间 里 面 ， 你 感觉 不 到 网 站 的 大 小 〈 除 非 它 特别 小 )， 根 本 不 知道 这 个 网 站 还 有 
多 少 页 面 没有 打开 过 。 同 时 你 也 没有 方向 ， 所 有 的 页 面 只 有 上 一 级 下 一 级 的 层级 关系 ， 没 有 哪个 
页 面 在 这 个 页 面 的 左边 或 者 右边 。 


























所 以 当 我 们 置身 网 络 时 ， 根 本 就 是 迷路 的 。 在 这 里 没有 GPS 导航 。 如 果 你 不 去 为 用 户 考虑 这 


性 和 用 户 体验 Its so easy 


[的 可 用 性 








些 方面 ， 他 们 很 可 能 就 会 在 网 站 里 左 寻 右 砚 却 找 不 到 需要 的 内 容 ， 或 者 根本 无 法 摸 清 这 个 网 站 是 
怎么 组 织 的 。 那 么 他 们 也 不 太 可 能 在 我 们 的 网 站 里 待 很 长 时 间 一 一 因为 他 们 需要 自己 去 理 清 脉络 ， 
找寻 线索 ， 这 种 思考 太 费 劲 了 。 

因此 ， 为 了 提高 网 站 的 可 用 性 ， 让 用 户 能 够 以 更 高 的 效率 完成 任务 或 者 达到 目标 ， 你 必须 让 
他 们 时 刻 清 楚 自 己 身 在 何方 。 


6.5.1 导航 栏 存在 的 意义 


看 看 现在 的 互联 网 。 不 管 是 商业 网 站 还 是 个 人 网 站 ， 也 不 管 网 站 的 风格 是 简洁 还 是 繁复 ， 是 
卡通 还 是 写实 一 一 不 管 这 些 网 站 是 什么 样子 ， 它 们 都 有 导航 栏 。 





What Do You Want to Change in the World? 


Community Impact 


ONnVverse 王 坊 失 六 和 夫 下 
影 享 看 短片 辩 大 燃 , 了 OO 双 经 典 款 朗 布鞋 / 越 多 分 享 , 趣 多 糯 沉 1 


PRFPnpnIAwnpe 





为 什么 每 个 网 站 都 有 导航 栏 ? 


这 就 好 比 我 们 竹 商 场 找 不 到 电梯 和 洗手 间 的 标志 ， 高 速 公路 上 看 不 到 出 口 和 加 油 站 的 预告 牌 ， 
或 者 翻 书 没有 目录 、 章 节 标 题 和 页 码 一 样 。 我 们 会 感到 不 方便 ， 无 法 定位 。 








设想 一 下 没有 导航 栏 的 情况 吧 。 


@ ”我 们 不 知道 当前 的 位 置 


这 一 点 在 前 面 已 经 说 过 了 。 网 络 是 一 个 奇怪 的 空间 ， 没 有 导航 就 好 比 没有 向 导 ， 我 们 没有 稳 
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让 么 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








定 的 感觉 ， 只 能 自己 摸索 。 你 觉得 你 是 更 喜欢 迷路 还 是 脚踏实地 了 然 于 胸 ? 


@ ”我 们 找 不 到 想 要 的 东西 

没有 导航 栏 ， 我 们 无 法 知道 网 站 的 所 有 内 容 。 仅 有 的 线索 只 有 页 面 里 的 那些 超 链接 一 一 而 从 
数 百 个 超 链接 里 找到 真正 想 要 的 可 能 非常 费劲 。 另 一 种 途径 是 搜索 ， 但 是 如 果 我 们 不 太 清楚 
要 找 的 关键 词 ， 甚 至 网 站 根本 就 没有 提供 搜索 工具 ， 那 也 是 毫 无 用 处 。 














@ 。 我们 不 知道 如 何 使 用 网 站 

如 果 有 导航 栏 ， 我 们 能 够 知道 从 哪里 开始 ， 能 进行 什么 选择 。 但 如 果 没 有 ， 我 们 只 能 自己 在 

字里行间 去 寻找 一 一 估计 没 几 个 人 会 有 时 间 和 心情 玩 这 种 游戏 。 

@ ”我 们 对 网 站 很 容易 失去 信心 

如 果 对 网 站 无 法 建立 起 一 个 比较 清楚 的 概念 ， 我 们 对 它 的 印象 肯定 也 好 不 到 哪里 去 。 要 让 我 

去 猜 吗 ? 网 站 的 建设 者 知 不 知道 自己 在 做 什么 ”如 果 连 他 们 都 不 知道 自己 在 做 什么 ， 我 还 会 

再 来 这 里 吗 ? 

导航 栏 的 存在 还 有 一 点 非常 重要 的 理由 ， 那 就 是 我 们 几乎 想象 不 出 来 没有 导航 栏 的 网 站 会 是 
个 什么 样子 。 这 说 明 导 航 栏 的 概念 已 经 深 深 植 入 我 们 的 脑海 里 ， 它 已 经 形成 了 一 种 习惯 ， 而 习惯 
成 自然 。 那 么 ， 如 果 没 有 更 好 的 创意 ， 我 们 最 好 还 是 服从 用 户 的 习惯 吧 。 


6.5.2 ”导航 栏 所 需要 的 元 素 
一 般 来 说 导航 栏 都 应 该 包括 5 个 元 素 : 





pp 
网 站 ogo 标 识 一 一 内 忆 C giTe 


J 加 站 地 图 | 设 为 首页 | 业 守 本 和 -一 一 一 附加 功能 
回 到 首页 品 服务 支持 关于 公司 下 载 媒体 报道 






素 ] 一 一 一 搜索 工具 





网 站 logo 标识 

我 们 凭借 网 站 的 logo 标识 来 识别 目前 所 在 的 是 哪个 网 站 。 它 就 好 像 是 徽标 或 者 商标 ， 有 其 独 
立 的 识别 性 和 显著 性 。 我 们 应 该 一 眼 就 能 分 辨 出 一 个 logo 标识 和 其 他 logo 标识 的 区 别 。 由 于 网 站 
的 特殊 性 (便于 用 户 扫描 的 浏览 方式 )， 网 站 logo 标识 不 应 过 于 复杂 或 者 花哨 。 一 个 很 难看 清 有 些 
什么 的 网 站 logo 标识 不 算 一 个 好 标识 。 


网 站 中 的 每 一 个 页 面 最 好 都 显示 网 站 的 标识 。 这 样 我 们 才能 够 在 任何 时 候 都 能 明确 自己 所 在 


























就 这 么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


第 六 章 “网 页 的 可 用 性 








的 位 置 ， 因 为 大 多 数 情况 下 我 们 都 是 通过 超 链接 进行 页 面 间 的 跳 转 一 一 “ 嗅 ”的 一 下 我 们 就 瞬间 
移动 到 某 个 页 面 上 去 了， 如 果 没 有 清晰 的 标识 我 们 可 能 会 摸 不 清 方向 。 

















啊 ， 我 来 到 了 
土豆 网 …… 





供 蚤 断 动 画 一 悉 龙 山 


我 乐 上 面 去 


管理 中 心 听 的 襄 频 我 的 收藏 我 的 订阅 是 新 上 传 热门 视 网 热门 相 肌 视频 








一 般 来 说 网 站 标识 都 在 页 面 的 左上 角 。 这 是 因为 这 个 标识 图 案 或 者 文字 就 代表 着 整个 网 站 ， 它 
的 结构 层次 最 高 ， 涵 盖 着 整个 页 面 所 有 其 他 的 元 素 。 


网 站 的 栏目 


顾名思义 ， 栏 目 就 是 网 站 结构 化 后 的 各 个 子 版 块 。 不 同 的 版 块 决定 了 彼此 不 同 种 类 的 内 容 ， 因 
此 也 应 该 涵盖 它 所 包含 的 元 素 。 


ABC se 




















对 于 那些 比较 大 的 网 站 来 说 ， 可 能 仅 有 大 的 栏目 还 不 足以 对 内 容 进 行 分 类 。 为 了 便于 浏览 者 
理 清 网 站 结构 ， 我 们 还 需要 对 栏目 进行 二 次 分 类 。 这 也 就 是 常 说 的 “二 级 导航 ”。 














文公 人 简单 tssoeasy 
一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 





网 站 地 图 | 设 为 首页 | 收藏 本 站 













卫星 导航 产品 。 电子 交易 产品 。 税 控 终端 。 网 络 视频 监控 。 其 它 产品 











“ 回 到 首页 ” 

这 是 导航 栏 中 非常 重要 的 一 个 元 素 。 也 许 你 不 知道 该 怎样 去 往 网 站 的 其 他 地 方 或 者 使 用 其 他 
的 功能 ， 这 时 候 只 要 点 击 “ 回 到 首页 ”就 能 够 瞬间 回 到 最 开始 的 地 方 。 不 管 你 是 否 迷路 ， 你 都 能 
随时 重新 开始 。 


AEc 寺 SIT 网 站 地 图 | 设 为 首页 | 收 语 本 站 


人 首 页 公司 产品 服务 支持 关于 公司 Te 媒体 报道 





另外 ， 网 站 的 logo 标识 也 应 能 起 到 相同 的 作用 。 让 它 成 为 “ 回 到 主页 ”的 按钮 毫 不 费事 ， 只 
需 在 图 片 的 属性 上 加 一 个 链接 地 址 即 可 。 这 样 一 不 费力 ， 但 很 有 
效果 。 


附加 功能 











这 里 可 以 说 是 一 个 实用 工具 栏 ， 它 同样 指向 一 些 重要 的 页 面 ， 但 这 些 页 面 并 不 属于 网 站 的 主 
要 内 容 。 它 们 一 般 是 一 些 针对 网 站 本 身 所 需要 的 功能 ， 例 如 帮助 、 网 站 地 图 ， 或 者 是 一 些 关于 网 
站 发 布 者 的 信息 ， 例 如 “联系 我 们 ”等 等 。 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 





这 些 功 能 或 者 信息 都 非常 重要 ， 所 以 我 们 必须 要 放 在 比较 首要 的 位 置 。 但 另 一 方面 ， 这 些 实 
用 工具 只 是 一 些 附加 的 功能 ， 所 以 它们 也 不 应 该 过 于 显眼 ， 至 少 不 能 像 栏 目 那 么 显眼 。 


此 外 ， 由 于 导航 栏 那里 空间 有 限 ， 如 果 放 太 多 附加 功能 可 能 会 有 点 喧 宾 夺 主 一 一 起 码 也 会 让 
用 户 眼 花 练 乱 。 有 了 时候 你 也 可 以 把 它们 中 的 一 部 分 放 在 页 面 的 最 底 端 。 例 如 : 





Ei | 





关于 土豆 媒体 和 掌声 使 用 协议 隐私 和 版 权 联系 土豆 招贤 钠 士 


@2005-2007 Tudou.com 是 沪 ICP 证 : 沪 82-20060077 vy bye 





搜索 工具 

很 多 人 喜欢 搜索 工具 。 有 些 人 一 到 某 个 网 站 就 开始 寻找 搜索 框 ， 就 好 像 他 们 一 到 商场 就 找 服 
务 员 一 样 (这 类 人 大 多 是 男性 )。 对 于 那些 大 型 网 站 尤其 如 此 ， 用 户 没 有 (或 者 不 愿意 花费 ) 很 多 
精力 和 时 间 去 自己 寻找 内 容 ， 特 别 是 当 他 们 觉得 自己 要 找 的 内 容 比 较 “ 冷 门 ”的 时 候 。 




















搜索 工具 要 注意 的 是 ， 清 晰 地 告诉 浏览 者 “搜索 工具 在 这 里 ”。 不 要 使 用 自以为是 的 用 词 ， 例 
如 把 搜索 按钮 写成 “ 找 你 所 找 ” 或 者 “我 帮 你 查 查 ” 之 类 的 词汇 。 这 个 地 方 不 要 抖 聪明 ， 因 为 使 


用 搜索 工具 的 用 户 要 么 就 非常 直接 ， 要 么 就 是 迫不得已 ， 这 些 人 不 会 因为 这 里 的 小 幽默 而 开心 
相反 ， 这 些 词 迷惑 了 他 们 ， 要 不 就 是 耽误 了 他 们 的 时 间 。 
6.5.3 ”导航 指示 、 页 面 标题 和 “面包 居 


导航 栏 可 以 说 是 一 个 工具 ， 浏 览 者 使 用 这 个 工具 能 够 非常 清晰 地 掌握 网 站 的 大 体 结 构 ， 使 用 
一 些 必 备 的 工具 。 这 样 能 够 非常 有 效 地 提升 用 户 的 稳定 感 ， 也 便于 他 们 找到 想 要 找 的 东西 。 














、 As pp 
文 么 简单 rsseasy 








一 一 W eb 开 发 中 的 可 用 性 和 用 户 体验 
但 除 此 之 外 还 有 其 他 一 些 需 要 注意 的 地 方 ， 通 过 它们 你 能 更 周到 地 为 用 户 指明 方向 。 这 些 地 
方 包括 导航 指示 、 页 面 标题 和 “面包 悄 ”。 
导航 指示 


所 谓 “ 导 航 指示 ”"， 就 是 在 导航 栏 中 标记 当前 页 面 的 位 置 。 它 的 作用 就 好 像 在 公园 或 者 住宅 区 
里 面 的 地 图 指示 牌 , 上 面 一 般 会 有 一 个 “你 在 这 里 ”的 指示 箭头 , 我 们 能 够 很 轻易 地 知道 现在 何 处 ， 
去 往 某 处 又 该 怎么 走 。 






































通过 这 种 方式 ， 我 们 能 在 导航 栏 中 一 眼 就 看 到 自己 所 处 的 位 置 ， 找 到 自己 此 刻 是 在 哪个 栏目 
或 者 版 块 内 ， 同 时 要 前 往 其 他 栏目 应 该 如 何 点 击 。 











RS 体育 ME 蛋 虎 首页 


资讯 时 和 | 体育 | 想 乐 | 汽车 | 房产 | 数码 | 科学 | 时 尚 | 健康 | 真情 


我 在 雅虎 体育 的 
“国内 足球 ”版 块 …… “ CEE 国 ETTT 量 国际 中 更 ， 篮球 世界 ， BA | 综合 体育 | 奥运 | 体育 纪 M 
中 起 | 国足 | 国 粤 | 女足 | 平生 | 生 联 赛 | 图 少 | 足协 杯 | 中 甲 | 留洋 | 中 国足 坛 血 案 | 各 灯 | 








导航 指示 的 标记 方式 有 很 多 ， 也 非常 灵活 ， 我 们 唯一 需要 注意 的 是 让 它 更 为 突出 和 明显 。 但 
如 果 没 有 导航 指示 或 者 标识 不 清 ， 用 户 就 容易 摸 不 着 头脑 。 


例如 下 面 这 个 网 页 : 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


Qianshan County Chuangxian Industrial Co., Ltd. was established in 1994. Its a 
private enterprise which mainly specializes in the manufacturing of rubber and plastic 
articles and accessories for electric motors. thas a production capacity of 1000 tonsiyear 
for bungee, 1000 tonsiyear for reclaimed rubber and 10,000m/year for rubber speed 
humps and oxygen (acetylene) rubber hoses respectively. 

There are 120 employees in our company, among which 16 persons are technical 
persons. Our company has experience in modem production management, and has 
employed alot of experienced engineering and technical personnel engaged in rubber 
and electric research on a long-term basis. Since 1996, our company has been 
consecutively awarded as “Excellent Private Enterprise” and “keyenterprise under 
production” .In 2000, it was rated as AAA credit enterprise by our bank. Our company 
implements IS09002 international quality management system. 





我 现在 在 哪个 页 面 ? 
其 实 仔细 看 是 能 发 现 导航 指示 的 : 左 侧 导 航 栏 中 “Company Profile” 的 字体 比 下 面 两 个 栏目 稍 
微 大 了 一 些 。 但 这 个 标记 太 不 明显 ， 几 乎 没有 人 能 够 注意 到 这 里 的 变化 。 


其 实 我 们 有 很 多 种 方法 可 以 让 这 里 的 导航 指示 更 为 明显 。 例如 把 导航 栏 中 该 栏目 按钮 反 和 白 显示 ， 
或 者 加 上 箭头 ， 或 者 既 反 和 白 又 加 上 箭头 。 


Glanshan counm Chuangns 








Its so easy 
一 一 W eb 开 发 中 的 可 用 性 和 用 户 体验 





页 面 标题 

光 有 导航 栏 的 指示 是 不 够 的 ， 因 为 大 多 数 网 站 中 一 个 栏目 里 i 。 
们 应 该 让 浏览 者 随时 知道 目前 阅读 的 是 哪 方面 的 信息 ， 或 者 正在 浏览 哪 一 篇 文章 。 这 就 好 
像 杂 志 中 每 篇 文章 都 有 一 个 标题 ， 我 们 每 翻 过 一 页 后 ， 通 过 标题 才 知道 “ 哦 ， 现 在 我 看 的 




















而 很 可 能 不 止 一 个 页 面 。 我 











区 世 民 且 一 1 蕴 妆 刘 、 儿 吉 、 二 二 
旺 息 如 一 个 旷 术 家 的 展 览 ， 到 处 
发 史 "起 了 条 代 人 志 基 由 此 
出 一 种 区 蒜 即 台 过 民宅 去 销售 
1 的 方面 沫 作品 来 得 回报 * 
ene 谓 昌 。 对 它 的 改行 络 
提供 代 者 ) 未 关于 的 内 读 内 容 ， 也 
床 误 了 一 次 下 起 疡 最 可 以 算是 代 件 立 
化 蓝 庆 的 郊区 融资 和 推广 方式 ， 在 
责 不 记 和 如 平 订 


站 全 祝 的 大 六 用 力 ， 基 后 过 回 到 上 这 

旋 。 妆 二 广场 及 ， 足 在 痒 洒 村 艺术 中 
我 们 和 到 民团 一 站 ， 因 为 处 于 购物 

平 训 在 由， 它 娠 之 外 的 兴 次 ， 嘟 是 一 些 

人 四 站 瑟 世 闪 的 观众 * 有 获 于 此 ， 我 

大 型 购 ? 竺 大 让 有 中 国 四 个 城市 的 四 个 
移 中 心里 | 


在 广州 和 
购物 中 必 们 造 厌 全 广场 ， 它 足 亚洲 县 大 的 


多 次 对 
关 奸 立 





正 因为 是 一 个 页 面 的 标题 ， 它 就 应 该 比较 引 人 注 目 。 这 可 以 通过 字体 的 大 小 、 粗 细 、 颜 色 以 
及 周边 的 留 白 来 体现 。 英 文 网 站 可 以 把 标题 文字 设置 得 很 大 , 在 Windows 的 Web 浏览 器 中 也 能 
有 很 好 的 表现 力 ， 但 是 中 文 就 难说 了 。 不 过 你 可 以 通过 为 标题 添加 一 些 附属 元 素 (例如 背景 ) 来 
表现 出 它 与 一 般 文字 之 间 的 不 同 。 
标题 应 该 涵盖 整个 页 面 的 内 容 ， 最 好 放 在 正文 的 上 方 。 











另外 ， 页 面 
















迅雷 在 线 . 芜 吕 





喜剧 | 六 过 | 记录 | 剧情 | 守 庭 | 汉 怖 | 爱情 | 是 全 | 电视 剧 | 各 它 


E23 


SE 本 址 3: 王 者 归 米 /指环 王 3 之 王者 王 性 
SN 导演 | 入 得 水 克 进 
主演 | 志和 让 阿 珀 比 , Nexandra Mstn, 肖 办. 网 新 还 , 大 卫 
现世 棋 , 约 答 . 巴 奇 , 肯 恩 比 因 , 所 特 .市 兰 切 符 , 奥 
兰 多 - 布 针 ,Bly Boyd, sadwm Brophy 






我 现在 看 到 的 是 
魔 戒 第 3 部 ……- 





就 这 么 简单 W eb 开发 中 的 可 用 性 和 用 户 体验 ts so easy 


第 六 章 ”网 页 的 可 用 性 





“面包 必 ” 


我 不 是 在 开玩笑 ， 页 面 中 大 多 数 时 候 确实 需要 它 。 它 的 正式 名 称 也 就 叫做 “面包 悄 ”"， 英 文 名 
为 “Breadcrumb”。 这 是 一 种 层级 菜单 。 














之 所 以 称 其 为 “面包 导 ”， 是 因为 在 格林 童话 《 亭 赛 尔 与 格 莱特 》 中 ， 两 兄弟 为 了 避免 迷路 ， 
在 森林 里 沿途 撒 面 包 居 以 便 标识 回 家 的 路 线 。 











其 实 我 更 偏向 于 把 这 种 层级 莱 单 称 为 “ 忒 修 斯 之 线 "。 这 是 因为 格林 童话 里 的 面包 届 很 快 就 被 
小 鸟 吃 掉 了 ， 最 终 兄 弟 俩 没 能 回 到 家 ， 反 而 落 入 了 一 个 巫婆 的 陷阱 。 但 是 在 希腊 神话 里 面 ， 勇 士 
忒 修 斯 要 去 迷宫 杀 死 牛头 怪 弥 诺 陶 洛斯 ， 他 把 一 个 线 团 的 一 端 捡 在 迷宫 的 入 口 处 ， 然 后 沿途 放 开 
线 团 ,最 后 顺利 完成 任务 并 且 循 着 线 找到 了 出 口 。 这 个 典故 似乎 比 “ 面 包 悄 ”更 为 合适 。 但 可 能 “ 忒 
修 斯 ”这 个 名 字 在 我 国 没有 多 少 人 了 解 。 既 然 大 家 都 叫 它 “ 面 包 届 "， 那 么 最 好 还 是 遵从 用 户 的 习 
惯 比较 好 。 






























































路 网 首页 手机 妥 
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每 个 人 都 有 权 认 为 ， 世 界 是 为 自己 创造 的 
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可 以 看 出 , “面包 届 ” 也 从 某 个 角度 告诉 了 我 们 当前 的 位 置 。 与 导航 指示 所 不 同 的 是 ， 它 只 告 
诉 了 我 们 从 主页 到 当前 位 置 的 路 径 ， 而 导航 指示 则 告诉 我 们 这 个 网 站 的 层级 结构 。 可 以 说 导航 指 
示 类 似 一 张 地 图 ， 而 “面包 屑 ” 则 是 一 个 简单 的 路 线 图 。 我 们 需要 知道 路 线 ， 但 是 地 图 能 够 告诉 
我 们 更 多 。 





“面包 屑 ”标识 路 线 





就 这 么 简 绅 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








“面包 届 ” 可 以 说 是 一 种 经 济 实用 的 手段 ， 因 为 它 不 会 占用 太 多 空间 ， 而 且 非 常 方便 。 用 户 
能 够 随时 做 他 们 最 常 做 的 两 件 事 : 回 退 到 上 一 层 ， 或 者 去 主页 。 对 于 那些 大 型 网 站 “面包 屑 ” 尤 
其 有 用 。 


早期 的 “面包 居 ” 中 分 隔 层 级 的 符号 使 用 的 是 冒号 “:” 或 者 斜 本“/"， 但 后 来 逐渐 变 成 了 大 
于 号 “>"”。 这 种 演变 体现 了 一 种 视觉 上 的 暗示 ， 表 示 出 每 一 层级 的 大 小 关系 ， 而 且 有 一 种 逐渐 向 
前 移动 的 韵律 感 。 

















我 的 位 置 : 设计 中 国 > 设计 > 多媒体 设计 》G.A T_T Icons 设 计 欣 党 (一 ) 


现在 有 些 “面包 居 ” 已 经 不 再 单纯 只 作为 来 路 的 显示 。 有 时候 我 们 也 利用 它 能 表现 层级 的 特点 ， 
标识 出 能 连 到 当前 页 面 的 所 有 路 径 。 这 样 可 以 吸引 浏览 者 访问 其 他 页 面 。 例 如 “卓越 亚 马 还 ”就 
利用 这 种 方式 来 表现 书库 的 不 同 分 类 形式 ， 便 于 购买 者 根据 自己 的 需要 前 往 不 同 的 上 层 页 面 浏览 。 




















您 可 以 用 以 下 几 种 方式 找到 此 商品 


图 书 > 进口 原版 》Literature & Fiction 文学 /小 说 > Classics 名 著 
图 书 > 进口 原版 > Lits = Etion 文学 /小 说 >Science Piction & Fantasy 科学 与 幻想 小 说 


on 文学 /小 说 》British 英国 
图 书 > 进口 原版 》Children' s Book 儿童 书 》Literature 文学 
图 书 > 进口 原版 》Children' s Book 儿童 书 》Series 系列 书 
图 书 > 进口 原版 》Literature & Fiction 文学 /小 说 》General 一 般 小 说 





现在 又 出 现 了 一 种 新 颖 的 “面包 悄 ” 导 航 栏 ， 它 同时 结合 了 标签 导航 的 表现 形式 和 功能 ， 
表达 了 网 站 的 层次 、 结 构 ， 而 且 使 用 起 来 非常 方便 、 一 目 了 然 ， 看 起 来 很 有 新 意 。 具 体 来 说 是 
如 下 一 种 方式 : 





子 栏 目 2.1 子 栏 目 2.2 子 栏目 2.3 子 栏目 2.4 子 栏目 2.5 





子 栏 目 2. 3.2 子 栏目 2. 3.3 子 栏目 2.3.4 





可 以 看 到 ， 当 我 们 选择 某 个 栏目 的 标签 后 ， 导 航 栏 出 现 的 是 一 种 “面包 屑 ”的 形式 。 这 样 不 
管 浏览 者 所 处 的 层级 有 多 深 ， 他 都 能 很 清楚 地 看 到 现在 处 于 哪个 栏目 之 内 。 同 时 ， 他 们 能 够 使 用 
上 级 标签 的 下 拉 菜 单 前 往 其 他 栏目 。 





Yahool 网 站 的 很 多 版 块 就 使 用 了 这 种 “面包 屑 ”导航 。 例 如 它 的 Food、Sports 和 TV 版 块 。 
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就 过 么 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





总 的 说 来 , 网 页 的 可 用 性 所 需要 注意 的 地 方 数不胜数 , 可 能 网 页 的 任何 一 个 角落 都 会 出 现 问题 ， 
从 而 降低 浏览 者 的 好 感度 。 我 们 知道 了 人 们 一 般 情况 下 是 如 何 使 用 网 页 的 ， 因 此 就 需要 针对 他 们 
的 这 些 特 点 加 以 考虑 。 

















平时 在 自己 使 用 互联 网 的 时 候 多 加 注意 是 一 个 很 好 的 办 法 ， 这 就 好 像 是 “大 家 来 找茬 ”的 游 
戏 , 只 要 看 到 那些 让 人 郁闷 、 麻 烦 或 者 不 愉快 的 设计 时 , 就 记录 下 来 ,和 很 多 朋友 或 同事 一 起 讨论 ， 
吸取 它们 的 教训 ， 做 到 “前 车 之 鉴 ， 后 事 之 师 ”。 














还 是 那 句 老话， 如果 和 希望 自己 设计 的 网 站 在 推出 后 经 得 住 用 户 的 考验 ， 就 需要 在 设计 期 间 经 
常 地 进行 用 户 测 试 。 测 试 能 够 帮 我 们 及 早 地 发 现 很 多 问题 ， 从 而 避免 以 后 的 尴 座 。 





“微软 推出 Web-based Office 应 用 令 人 联想 到 是 为 了 确 





加 保 地 盘 。 你 们 看 到 Google 及 像 Zoho 这 类 新 创 公司 抢先 一 
呈 步 一 一 而 且 还 有 在 线 EPS 应 用 ， 微 软 却 还 慢 调 斯 理 。 
量 一 一 CNET News.com 访 谈 微软 首席 软件 架构 师 Ray Ozzie 


Ah 


就 这 么 简单 jssoeasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








“把 软件 做 成 Web-based 是 Web 3.0 的 一 个 趋势 ”。 


不 管 上 面 这 句 话 是 否 正确 ， 起 码 我 相信 Web-based 产品 是 软件 开发 的 一 个 趋势 ， 而 且 已 经 逐 
渐 呈 现 出 势 如 洪流 的 发 展 特点 。 


这 是 因为 在 这 个 无 时 无 刻 都 能 “在 线 ” 的 时 代 ， 如 果 拥 有 Web-based 产品 ， 我 们 便 不 用 像 桌 
面 应 用 软件 那样 专门 地 购买 或 者 下 载 应 用 程序 ， 也 不 用 把 它们 安装 在 自己 的 机 器 里 。 你 所 要 做 的 ， 
只 是 打开 Web 浏览 器 ， 然 后 就 像 登 录 自 己 的 blog 一 样 登 入 并 开始 工作 就 行 了 。 














你 自己 的 数据 不 用 存在 自己 机 器 的 硬盘 上 , 不 必 再 担心 使 用 的 是 什么 操作 系统 , 是 否 空间 不 够 ， 
或 者 无 法 方便 携带 。 那 些 数据 都 能 像 E-mail、blog 那样 存放 在 各 个 网 站 的 服务 器 上 ， 随 时 随地 供 
你 调用 。 


那么 作为 Web-based 产品 开发 者 的 我 们 ， 又 该 注意 哪些 问题 呢 ? 
7.1 Web 或 者 不 是 Web? 一 一 关于 Web-based 产 品 


Web-based 产品 的 载体 是 互联 网 ， 人 们 通过 Web 浏览 器 访问 它 。 同 样 它 也 需要 有 自己 的 网 
址 。 此 外 , 它 也 是 通过 超 链接 实现 页 面 之 间 的 跳 转 , 使 用 表格 来 控制 页 面 结构 和 显示 , 使 用 文本 域 、 
复 选 框 和 单 选 框 来 输入 数据 。 


这 些 都 是 网 页 的 特性 。 那 么 Web-based 产品 到 底 是 不 是 网 页 ? 我们 应 该 按照 网 页 的 设计 方式 
来 设计 Web-based 产品 吗 ? 或 者 Web-based 产品 是 某 种 软件 ?如 果 是 这 样 ， 用 户 界面 方面 又 该 
注意 哪些 方面 呢 ? 


























可 以 说 ，Web-based 产品 属于 网 页 的 范畴 ， 但 它们 又 超出 了 网 页 的 范畴 。 它 们 似乎 是 网 页 ， 
因为 从 操作 方式 和 外 观 表现 的 角度 来 说 它们 就 是 网 页 ; 但 同时 Web-based 产品 又 不 太 像 网 页 ， 因 
为 用 户 并 不 会 “扫描 ”这 些 页 面 。 它 们 有 些 类 似 应 用 程序 ， 更 强调 目的 性 和 功能 性 。 


有 一 些 比较 偏向 于 软件 


用 户 上 网 浏览 一 般 的 网 页 是 为 了 查找 信息 、 阅 读 新 闻 ， 或 者 找 点 什么 消 遗 一下。 但 如 果 他 们 
上 网 是 在 使 用 Web-based 产品 ， 很 明显 那 就 是 为 了 工作 ， 或 者 完成 某 项 具体 的 任务 ， 例 如 在 线 编 
辑 视频 、 使 用 电子 地 图 查找 行车 路 线 。 


有 一 些 Web-based 产品 的 功能 性 非常 强 ， 最 常见 的 是 那些 网 络 管理 系统 。 我 曾经 参与 过 很 多 
这 种 类 型 的 产品 界面 设计 。 有 时 候 这 些 产 品 的 界面 完全 就 好 像 某 些 桌面 应 用 程序 。 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


i 生产 管理 泵 统 





W eb-based 产品 
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有 一 定 技术 热 绪 度 


有 一 定 技术 热 绪 度 

















这 类 Web-based 产品 其 实 就 是 某 种 软件 ， 只 不 过 它 的 载体 是 内 部 的 网 络 平台 。 在 进行 这 种 产 
品 的 用 户 界面 设计 时 , 你 更 多 地 需要 考虑 其 软件 特性 方面 的 可 用 性 , 例如 界面 如 何 安排 得 更 为 紧凑 、 














元 素 间 的 层级 关系 等 等 。 
有 一 些 则 更 偏向 于 网 页 


但 并 不 是 所 有 的 Web-based 产品 都 像 上 面 那样 如 同 桌面 应 用 程序 般 的 冷静 和 精细 。 有 些 企业 
希望 自己 的 系统 能 有 更 人 性 化 的 用 户 界面 ， 希 望 员工 更 有 归属 感 ， 使 用 系统 的 时 候 更 轻松 ， 而 不 

















是 “被 迫 ” 地 工作 。 





这 种 时 候 如 果 把 产品 设计 得 更 像 一 个 门户 网 站 ， 使 用 更 多 的 图 片 和 轻松 该 谐 的 文字 ， 也 许 会 
减弱 一 些 “ 工 作 ”、“ 流 程 ”等 概念 给 人 带 来 的 反感 。 例 如 下 面 这 个 知识 共享 


平台 ， 





ZS 简 单 fts so easy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 
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有 些 产品 比较 单纯 
并 不 是 所 有 的 Web-based 产品 都 那么 复杂 ， 有 那么 多 强大 的 功能 。 有 一 些 就 好 比 是 只 有 几 百 
K 的 小 程序 ， 我 们 只 使 用 它们 做 一 些 简单 的 操作 ， 完 成 一 些 简单 的 任务 。 





条 单 一 Web 开发 中 的 可 用 性 和 用 户 体验 ts so easy 


W eb-based 产品 





如 果 任 务 比较 单纯 ， 就 不 要 复杂 化 。 简 单 的 设计 风格 ， 清 晰 的 信息 结构 都 非常 有 利于 用 户 的 
使 用 ， 他 们 很 清楚 : 我 只 要 这 么 一 下 ， 任 务 就 完成 了 。 别 给 他 们 太 多 不 必要 的 压力 。 








研发 绩效 考核 管理 系统 


R&D Performance Check Manage System 在 务 管理 绪 效 煞 和 管理 。 工作 贡 况 研发 考核 考核 管理 


加 在 务 管理 下 达 任务 > 管理 任务 > 在 务 进度 管理 


研发 任务 管理 
上》 产品 分 类 


任务 分 配 管理 计 费 器 及 计 和 费 电 话 软件 成 员 列 表 
任务 列表 刘 武 到 杨 学 伟 
三 天 强 式 国 东 





下 达 任 务 


任务 ID: 0012 

任务 蕉 还 : 语音 公 话 产品 开发 
负责 人 : 。 赵 彬 

任务 分 值 : 34000 分 

开始 日 期 : 2004-6-10 
结束 日 期 : 2004-11-15 

当前 状态 : 样机 试制 


ABC 电 子 胶 份 有 限 公 司 研发 中 心 版 权 所 有 





对 于 这 种 Web-based 产品 来 说 ， 我 们 只 用 去 关注 任务 本 身 ， 也 要 让 用 户 只 去 关注 任务 本 身 。 
界面 越 简单 清新 越 好 。 图 形 部 分 的 设计 就 好 比 是 味精 , 如 果 在 毫 调 的 过 程 中 搁 太 多 , 只 会 令 人 反胃 。 


有 些 产 品 的 用 户 群 比较 广大 


还 有 很 多 的 Web-based 产品 面 对 的 是 所 有 大 众 ， 例 如 那些 全 民 级 的 视频 网 站 或 者 blog 系统 ， 
或 者 类 似 “Google 文件 ”那样 的 文档 在 线 编辑 服务 。 任 何人 都 有 可 能 登录 网 站 ， 有 些 只 是 浏览 或 
者 阅读 ， 有 些 则 会 上 传 自己 的 视频 或 者 撰写 文字 让 服务 器 存储 。 

















正 因 为 面向 的 是 所 有 用 户 ， 所 以 我 们 不 知道 他 们 都 是 些 什么 人 一 一 智商 如 何 、 是 否 有 耐心 。 我 
们 也 不 清楚 提供 的 服务 和 选项 他 们 是 否 都 了 解 ， 是 否 能 适当 地 操作 。 


为 了 最 大 限度 地 保证 绝 大 部 分 用 户 都 能 很 快 地 学 会 如 何 操作 ， 不 管 是 上 传 视频 、 编 辑 视频 、 修 
改 图 片 ， 或 者 是 转载 、 引 用 博客 、 插 入 图 片 ， 我 们 都 需要 注重 易学 性 ， 让 用 户 更 容易 上 手 。 即 使 




















而 过 A 简单 It's so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








不 太 容 易 上 手 ， 我 们 也 需要 多 动脑 筋 ， 怎 样 才能 让 他 们 更 愿意 学 习 、 以 及 如 何 才能 更 轻松 地 学 习 。 
这 就 好 比 是 设计 “傻瓜 ”相机 那样 一 一 充分 为 用 户 考虑 。 








我 乐 “分 享 视频 ， 分 享 快乐 ! 您 好 ,mess79 | 短 消息 {D) | 帮助 | 退出 


SE.cor, 














六 视频 管理 
已 制作 视 锁 
， 制作 相册 视频 热 


* 我 录制 的 视频 
* 我 的 专辑 列表 


返回 刚才 有 s 张 缩 喀 图 的 页 面 ， 扣 何 起 图 ? 














最 后 …… 它 们 还 是 网 页 


不 管 怎 么 说 ， 我 们 所 做 的 一 切 都 是 为 了 用 户 。 用 户 们 认为 绝 大 部 分 的 Web-based 产品 仍 
然 属 于 网 页 ， 因 为 他 们 需要 通过 Web 浏览 器 访问 网 络 才能 使 用 这 些 产 品 。 而 且 他 们 看 到 的 同 
样 都 是 导航 栏 、 首 页 和 表格 ， 最 多 的 操作 也 是 填写 各 种 表单 。 而 这 些 在 普通 网 站 中 同样 经 常 看 
到 (例如 在 注册 新 用 户 时 )。 即 使 有 些 Web-based 产品 非常 像 桌面 应 用 程序 ， 但 他 们 也 只 会 觉 
得 这 个 网 页 的 界面 更 “精致 ”和 “ 紧 焉 ”而 已 ， 而 且 这 种 类 型 的 Web-based 产品 数量 并 不 占 
很 大 比例 。 














人 们 对 使 用 的 是 网 页 还 是 Web-based 产品 本 就 没有 什么 很 清晰 的 概念 ， 我 们 也 没有 必要 去 时 
刻 提醒 他 们 “你 现在 是 在 一 个 网 站 里 面 ”或 者 “你 正在 使 用 我 们 的 软件 ， 它 是 基于 网 页 形式 的 ”。 
这 对 他 们 达到 自己 的 目标 没有 任何 帮助 。 也 许 还 有 很 多 人 根本 不 知道 Windows 的 桌面 应 用 程序 和 
网 站 之 间 的 区 别 ， 但 他 们 同样 用 得 很 好 。 





就 这 么 简单 一 -W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


W eb-based 产品 





另 一 方面 ， 对 于 设计 人 员 来 说 ，Web 和 Web- 
based 产品 的 开发 工具 也 很 相似 。 这 里 所 指 的 是 页 面 
的 实现 工具 ， 例 如 Dreamweaver， 而 不 是 具体 的 数 
据 处 理 程 序 。 同 样 的 ， 在 设计 过 程 中 使 用 的 原型 制作 
工具 也 几乎 一 样 ， 例 如 我 们 都 可 能 会 用 到 HTML 和 


JavaScript。 














也 许 你 会 说 用 户 一 旦 在 使 用 Web-based 产品 时 ， 

他 们 会 更 为 小 心 愤愤 ， 很 担心 是 否 会 由 于 错误 的 操作 而 

管 它们 是 什么 .我 总 得 用 鼠标 和 键盘 。 。 。 造成 不 好 的 后 果 。 但 是 ，Web 也 好 ，Web-based 产品 

也 好 ， 你 同样 都 需要 强调 用 户 操作 和 数据 存储 两 方面 的 

安全 性 。 让 用 户 更 为 轻松 、 放 心地 执行 任务 ， 提 高 他 们 的 工作 效率 ， 这 本 来 就 是 任何 产品 界面 设 
计 所 要 达到 的 目标 。 








7.2 我 为 什么 说 要 考虑 用 户 的 感受 


不 管 是 Web 还 是 Web-based 产品 ， 人 们 仅仅 只 是 使 用 它们 达成 目标 或 者 完成 任务 。 他 们 不 
一 定理 解 它们 的 运作 原理 ,甚至 对 这 些 原理 的 理解 是 完全 错误 的 。 他 们 也 不 关心 这 些 “ 背 后 的 东西 ”。 





这 就 是 为 什么 “产品 说 明 书 ” 总 是 没 人 想 看 的 原因 。 不 管 是 冰箱 还 是 DVD 机 ， 我 们 面 对 那 些 
开关 和 按钮 总 是 愿意 “ 先 尝试 一 下 ”"， 看 看 这 样 是 否 能 行 得 通 。 我 们 不 愿意 去 翻 那 些 厚 厚 的 、 满 是 
专业 词汇 的 使 用 说 明 。 


在 使 用 互联 网 的 时 候 同 样 如 此 。 想 想 看 ， 当 你 尝试 想 要 上 传 自己 的 视频 时 ， 你 会 先 去 找 “ 如 
何 上 传 视频 ”的 帮助 链接 么 ? 我 想 可 能 99% 的 人 会 直接 点 击 “我 要 上 传 ”的 按钮 。 





对 于 大 多 数 人 来 说 ， 是 否 明白 事物 背后 的 工作 机 制 并 不 重要 。 他 们 关心 的 只 是 “我 能 不 能 正 
常 使 用 它 ”"。 这 不 是 智力 低下 的 表现 ， 而 是 我 们 并 不 关心 一 一 它 没 那么 重要 。 





从 这 个 角度 来 说 ， 用 户 对 产品 如 何 运 行 并 不 感 兴趣 。 你 也 没有 必要 去 表现 出 来 ， 因 为 这 样 反 而 
会 增加 他 们 使 用 产品 时 的 困扰 一 一 这 并 不 容易 学 习 。 对 他 们 来 说 ,网 页 也 好 ,Web-based 产品 也 好 ， 
无 非 就 是 对 象 和 操作 这 两 方面 。 我 进行 了 什么 操作 ， 就 能 得 到 什么 结果 ， 其 他 的 ， 让 它们 去 好 了 ， 
这 不 是 我 要 考虑 的 事情 。 





Q © 





就 这 从 简 单 It's so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








就 像 上 面 这 幅 图 所 表示 的 ， 如 果 理 论 上 流程 从 A 到 E 需要 经 过 中 间 的 B、C、D 三 个 点 ,那么 
一 般 情 况 下 ， 你 呈现 给 用 户 的 只 是 A 和 E 就 行 了 。 用 户 不 关心 B、C、D。 


也 就 是 说 ， 网 页 或 者 软件 的 内 部 运转 细节 应 当 保留 在 内 部 ， 让 用 户 看 不 见 也 想不到 。 


但 另 一 方面 ， 你 仍然 需要 告诉 他 们 怎样 来 使 用 产品 。 不 是 展现 那些 技术 原理 ， 而 是 如 何 才能 
更 好 地 使 用 。 这 需要 你 仔细 考虑 如 何 去 规划 和 展现 用 户 界面 。 


人 们 在 第 一 次 接触 产品 后 学 会 的 方法 ， 将 会 对 他 们 日 后 的 使 用 产生 非常 深刻 的 影响 。 当 发 现 
能 够 通过 某 种 方式 来 使 用 某 个 东西 (不 管 是 电器 还 是 软件 ) ， 他 们 就 会 一 直 使 用 这 种 方法 ， 哪 怕 它 
非常 麻烦 。 他 们 不 会 去 想 “ 这 样 做 是 不 是 正确 ? 会 不 会 有 更 好 、 更 方便 的 方法 ? “。 也 许 当 他 们 偶 
然 发 现 一 些 更 好 的 方法 时 ， 会 改变 自己 的 使 用 习惯 ,但 仍然 很 少 会 去 主动 寻找 捷径 。 


我 的 一 位 朋友 第 一 次 使 用 “Google 文件 "时 ,从 Google 首页 点 击 “ 更 多 ”链接 进入 了 “更 多 产品 ” 
页 面 ， 然 后 在 里 面 找 到 了 入 口 。 














Er 
TREE [CR 





从 此 ， 他 一 直 都 是 通过 这 种 方式 来 进入 “Google 文件 ”。 他 也 想 过 这 样 好 像 有 些 麻烦 ， 但 
没有 人 告诉 他 该 怎么 做 更 好 。 其 实 一 个 很 简洁 的 办 法 就 是 输入 这 个 产品 的 域名 “docs.google. 


» 


com”。 


mess79@163.com | 认 畦 | 二 册 | 二 


和 2] [RE 





EE 
区 因 机 六 四 二 和 人 W 电 要 中 工具 人 D 关 7 
口 。 全 ool 种 入 文件 中 六 版 上 二 一 在 组 我 


口 。 重奖 开 6ooghe 要 天 全 化 抬 神 而 办 。。 并 
口语 总 天 因 人 和 合用 乳 胃 的 办 法 知 这 且 归 。。 mH17 汪 区 
口 ”和 BEEN en 我 





就 这 么 简单 一 一 W eb 开 发 中 的 可 用 性 和 用 户 体验 its so easy 


a 1] 二 口 
W eb—based 广 Hh 





也 许 Google 的 设计 师 们 看 到 这 位 朋友 居然 一 直通 过 这 样 的 途径 进入 他 们 设计 的 产品 ， 会 很 
有 些 问 笑 不 得 。 但 人 们 总 是 跟 他 一 样 的 思维 模式 : “只 要 这 样 能 用 ， 我 干 嘛 还 要 去 找 其 他 方式 ? ” 


不 管 途径 是 什么 ， 用 户 只 想 达 到 他 们 的 目的 。 这 就 像 有 些 人 一 直 用 钥匙 掏 耳 杂 一 样 ， 并 不 是 
说 他 们 买 不 起 掏 耳 勺 。 


然而 ， 尽 管用 户 毫 不 关心 什么 才 是 最 正确 的 途径 ， 你 仍然 得 尽量 去 告诉 他 们 : 也 许 你 这 样 是 
没 错 ， 但 不 太 好 。 让 我 来 告诉 你 更 好 的 方法 是 什么 。 


这 不 是 说 你 只 需 放 一 些 “ 指 示 说 明 ” 的 链接 ， 然 后 提供 给 他 们 大 段 的 技术 性 文字 就 行 了 。 
这 只 是 一 种 敷衍 的 方式 。 "为 用 户 着想 ” 体现 在 一 开始 就 提供 最 简明 的 操作 界面 .最 合适 的 选项 ， 
同时 提供 耐心 而 灵活 的 提示 和 帮助 。 这 样 能 够 让 他 们 轻松 地 、 兴 味 盘 然 地 以 最 好 的 途径 来 完成 
任务 。 


也 许 你 会 问 : “既然 人 们 总 是 习惯 用 自己 的 方式 解决 问题 ， 我 有 必要 这 么 麻烦 么 ? ” 
答案 是 ， 很 有 必要 。 因 为 有 时 候 他 们 自己 的 方式 效率 并 不 高 ， 而 且 容 易 出 错 。 


而 且 ， 如 果 用 户 明白 了 怎样 做 才 是 最 好 的 方法 ， 他 们 才能 更 容易 、 更 方便 地 达到 自己 的 目标 。 
这 会 使 他 们 更 加 信任 你 的 产品 。 同 时 他 们 也 会 更 容易 地 理解 你 的 产品 。 另 外 ， 在 明白 了 什么 是 最 
有 效率 的 方法 之 后 ， 他 们 便 会 觉得 自己 在 这 里 更 加 陪 明 ， 更 加 游 四 有余， 这 样 能 使 他 们 成 为 更 中 
实 的 用 户 。 





如 果 不 去 考虑 这 些 ， 认 为 “用 户 能 做 就 行 了 ， 没 必要 去 操心 他 们 到 底 是 怎么 做 的 "， 那 么 可 能 
导致 的 结果 就 是 : 一 旦 用 户 们 偶然 接触 了 另外 一 个 网 站 或 其 他 人 提供 的 产品 ， 而 他 们 突然 发 现在 
那里 能 够 更 有 效 地 完成 任务 …… 你 觉得 他 们 还 会 再 回来 么 ? 














至 少 , 当 我 的 朋友 发 现 “Google 文件 ”可 以 通过 直接 输入 网 址 的 方式 进入 之 后 ,他 有 些 埋怨 他 们 : 
“为 什么 不 在 某 个 地 方 直接 告诉 我 这 项 服务 的 域名 ? 害 我 老 是 这 么 麻烦 ! ” 


7.3 ”首先 看 看 菜单 和 对 话 框 


Web-based 产品 兼 具 “ 网 页 ”和 “软件 ”两 方面 的 特点 。 在 上 一 章 我 们 已 经 专门 谈 过 了 网 页 
方面 的 可 用 性 ， 现 在 可 以 把 注意 力主 要 集中 在 其 “软件 ”这 一 部 分 的 特性 上 。 


几乎 每 个 Web-based 软件 产品 都 会 有 菜单 (要 不 就 是 类 似 菜 单 的 导航 栏 )。 而 只 要 用 户 进行 
操作 ， 不 管 是 正确 还 是 错误 ， 也 都 可 能 会 出 现 对 话 框 。 我 们 就 从 这 里 开始 。 





its so easy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


Google 文件 messiah.book@gmail.com | 新 功能 ! | 文档 主页 | 帮助 | 退出 
O Gondor, Gondorl 保存 日 期 2007 年 10 月 24 日 下 午 632 保存 人 向 恰 字 保存 | 保存 并 关闭 | 放弃 更 疏 


| 六 全 TK aa mu | 其 入 链接 园 耻 名 
本 


Gondor! Gondor between the Mountains and| 
人 


Fell like bright rain in gardens of the Kings of| 
O proud walls! White towers! O winged crow| 。 URL [htpyen wikipedia orgwiU _R_R_Tolen 
O Gondor, Gondor! Shall Men behold the si 
Or West Wind blow again between the Moun 











链接 显示 
RE 参见 这 里 


亮光， - 
超 链 接 文本 ， 关 似 于 点 击 我 以 获得 最 佳 贷款 利率 ? 
纯 金 的 宝座 ， 白 色 塔 楼 和 伟岸 的 捅 


| : [JRRToMen 格 作 
人 TRYT 


相关 历史 考证 : 加 在 新 窗口 中 打开 链接 


到 




















“Google 文 件 ” 的 菜单 和 弹出 窗口 


7.3.1 我 需要 菜单 ， 但 必须 是 好 菜单 

对 于 大 多 数 软件 来 说 ， 菜 单 显示 了 大 部 分 的 命令 和 选项 。 我 们 曾经 讨论 过 菜单 的 设计 ， 例 如 
不 要 把 一 些 对 立 的 命令 放置 在 一 起 ， 以 及 适当 地 进行 分 组 。 但 有 时 候 设计 人 员 也 会 犯 一 些 其 他 类 
型 的 错误 。 


时 隐 时 现 的 菜单 项 
很 多 设计 人 员 经 常 犯 的 一 个 错误 就 是 ， 试 图 随 着 程序 状态 的 变化 增加 或 删除 菜单 项 ， 以 减少 


菜单 栏 的 大 小 和 复杂 程度 。 也 就 是 说 ， 当 我 选择 了 某 个 数据 对 象 后 ， 菜 单 只 显示 与 这 个 对 象 相关 
的 命令 。 它 显示 的 选项 依赖 于 我 当前 的 活动 。 





当 我 写 邮件 时 的 编辑 菜单 





4 一 Web 开发 中 的 可 用 性 和 用 户 体验 ts so easy 


W eb-based 产品 












搬 销 操作 
前 切 
复制 
粘贴 
添加 附件 . 
删除 附件 
删除 所 有 附件 





收 件 人 : | 








当 我 编辑 附件 时 的 编辑 菜单 


这 看 上 去 像 是 一 个 好 主意 ， 但 实际 上 不 是 。 它 会 把 用 户 弄 糊涂 : 我 在 不 同 的 时 候 查看 菜单 ， 
会 找到 不 同 的 菜单 项 。 如 果 用 户 只 是 刚刚 接触 这 款 产 品 ， 不 了 解 其 中 的 依赖 关系 ， 他 们 就 不 会 明 
为 什么 有 些 选 项 在 某 个 时 候 存在 , 而 在 其 他 时 候 却 消失 了 : "那个 编辑 表格 的 命令 跑 到 哪里 去 了 ， 
我 明明 在 哪里 看 到 过 它 ? ” 

















毫 无 疑问 ， 这 种 设计 的 想法 是 好 的 : 他 们 想 通过 限制 在 不 同情 况 下 的 可 用 命令 来 尽力 帮助 用 
户 一 一 我 只 给 你 可 以 点 击 的 ， 这 样 你 就 不 会 犯错 了 。 他 们 假设 用 户 在 一 开始 就 了 解 产 品 ， 知 道 什 
么 命令 对 应 什么 对 象 。 但 大 部 分 时 候 并 不 像 他 们 想 的 那样 。 


增加 和 移 除 菜单 项 对 用 户 来 说 并 不 友好 ， 菜 单 里 面 的 内 容 应 该 是 固定 的 。 你 可 以 通过 把 不 可 
用 的 命令 置 灰 来 达到 禁用 的 目的 ， 这 样 用 户 会 容易 接受 得 多 。 而 且 他 们 通过 查看 菜单 能 够 了 解 大 
概 有 些 什么 命令 ,以 及 各 种 命令 的 大 概 位 置 ， 这 样 可 以 更 快 地 熟悉 产品 。 


帮助 文档 





当 我 写 邮件 时 的 编辑 菜单 









一 的 销 换 作 
曾 切 
复制 
粘贴 
添加 附件 . 
删除 附件 . 
册 除 所 有 附件 





收 件 人 : 


当 我 编辑 附件 时 的 编辑 菜单 





这 从 简 单 Its so easy 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


当然 ， 如 果 用 户 的 操作 环境 发 生 了 变化 ， 对 整个 菜单 进行 增加 和 删除 是 没 问题 的 。 因 为 这 种 
改变 不 像 之 前 只 是 菜单 内 部 的 变化 ， 用 户 可 以 很 明显 地 看 到 发 生 了 什么 。 例 如 下 面 的 菜单 : 
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国 下 一 页 


收 件 箱 [ 共 121 封 ,10 封 未 读 ] 








网 易 邮箱 中 “电子 邮箱 ”和 “通讯 录 ” 中 的 菜单 


探头 探 脑 的 菜单 项 
有 些 时 候 ， 设 计 人 员 会 把 一 个 命令 放 到 多 个 全 单 里 面 去 。 
















新 建 
发 送 邮件 


保存 
保存 为 .. 
打印 预览 


邮件 标 头 
工具 栏 


两 个 地 方 都 能 设置 选项 


验 Itss0 easy 


W eb-based 产品 





这 种 情况 发 生 的 原因 可 能 是 设计 人 员 不 知道 这 个 命令 到 底 属 于 哪个 菜单 组 ， 所 以 就 每 个 组 里 
面 都 是 怎么 分 组 的 ， 他 们 都 能 找到 它 。 这 好 像 有 些 道理 ， 但 其 实 会 带 来 
更 大 的 副作用 : 用 户 看 见 重复 的 命令 ， 他 们 会 想 知 道 它们 是 否 不 同 。 而 更 糟 的 是 ， 他 们 一 般 都 会 
认为 这 些 命令 是 不 同 的 。 























同时 ， 这 种 做 法 会 带 来 另 一 个 问题 : 误导 用 户 ， 让 他 们 以 为 产品 比 实际 上 更 复杂 。 很 多 人 在 
初次 接触 某 个 产品 的 时 候 总 是 会 先 快速 浏览 一 遍 菜单 ， 看 看 里 面 都 有 些 什么 ， 从 而 得 到 对 产品 大 
概 功能 的 一 个 总 体 印象 。 放 上 其 实 是 同样 功能 的 多 个 选项 会 增加 菜单 中 命令 的 数量 ， 而 这 会 增加 
它 的 “规模 ”。 





在 网 页 中 也 有 这 种 类 似 的 情况 : 很 多 看 上 去 不 同 的 超 链接 ， 例 如 导航 栏 中 的 选项 、 一 张 图 片 
或 者 一 段 话 里 面 的 某 个 词 ， 指 向 的 其 实 都 是 同一 个 页 面 。 也 许 这 种 想法 来 自 于 为 了 帮助 用 户 发 现 
信息 一 一 我 不 能 肯定 你 能 注意 到 这 个 链接 ， 所 以 在 其 他 地 方 再 放 上 几 个 。 但 是 这 样 做 会 让 网 站 看 
起 来 比 它 的 实际 规模 更 大 、 更 复杂 ， 用 户 会 更 容易 迷失 。 我 说 过 ， 网 站 越 简单 越 好 ， 这 样 便于 用 
户 发 现 自己 所 处 的 位 置 。 


7.3.2 ”让 我 陷入 困境 的 对 话 框 


对 话 框 是 什么 ? 对话 框 是 弹出 窗口 ,但 不 是 所 有 的 弹出 窗口 都 是 对 话 框 。 当 你 打开 某 个 网 站 时 ， 
可 能 会 弹出 一 些 广告 窗口 ， 但 那些 不 是 对 话 框 。 对 话 框 是 人 机 交流 的 一 种 方式 : 我 在 对 话 框 里 进 
行 设置 ， 计 算 机 就 会 执行 相应 的 命令 。 

















对 于 对 话 框 来 说 ， 首 先 要 记 住 的 一 句 话 就 是 :对 话 框 就 是 对 话 框 ， 不 要 在 里 面 放 不 该 放 的 东西 。 
些 不 该 放 的 东西 包括 菜单 栏 (或 者 导航 栏 ) 和 最 小 化 按钮 。 











不 要 在 对 话 框 里 放 菜单 或 者 导航 栏 很 好 解释 ， 因 为 如 果 出 现 了 这 些 东 西 ， 用 户 就 会 搞 不 清 到 
底 哪 一 个 才 是 主要 的 窗口 ， 是 应 该 在 这 个 对 话 框 里 面 继续 操作 还 是 应 该 回 到 主页 面 。 


而 经 常 发 生 混 清 的 地 方 在 对 话 框 的 最 小 化 按钮 上 。 有 些 设计 师 让 对 话 框 也 能 最 小 化 ， 或 者 缩小 
成 一 个 任务 栏 按钮 ,但 这 是 错误 的 。 因 为 对 话 框 出 现 的 原因 在 于 它 在 要 求 用 户 作出 决定 ,例如 是 “ 确 
定 ” 还 是 “取消 ”, 如 果 没 有 确认 的 动作 ,用 户 将 不 能 进行 后 续 的 操作 。 它 不 能 被 最 小 化 后 搁 在 一 旁 。 


当 出 现 了 对 话 框 时 ， 如 果 用 户 把 这 个 程序 或 页 面 的 窗口 最 小 化 ， 对 话 框 也 会 自动 隐藏 ; 而 当 用 
户 随后 恢复 窗口 时 ， 对 话 框 就 再 次 出 现 。 只 有 当 用 户 明 确 给 予 对 话 框 命令 之 后 ， 它 才 会 消失 ，, 任 


此 外 ， 对 话 框 同样 也 没有 最 大 化 按钮 ， 也 不 能 让 用 户 改 变 它 的 形状 大 小 。 





但 即使 注意 了 这 些 问 题 ， 有 些 对 话 框 还 是 会 让 人 陷入 困境 。 





就 这 么 简单 jrssoeasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








让 我 没有 选择 

有 些 对 话 框 显示 一 条 信息 ， 宣 布 某 些 可 怕 的 事情 已 经 发 生 或 者 即将 发 生 ， 并 且 要 求 用 户 接受 。 
即使 用 户 能 够 理解 问题 的 原因 ， 但 是 除了 叹气 甚至 咒骂 之 外 他 什么 都 做 不 了 一 一 只 能 确定 这 条 消 
息 ， 然 后 一 切 从 头 再 来 。 

















未 知 错误 号 28 已 经 发 生 ;， 堆栈 空间 溢出 


未 保存 的 所 有 数据 将 会 去 失 。 





即使 这 种 情况 是 无 法 避免 的 ， 但 给 这 种 对 话 框 加 上 一 个 “确认 ”按钮 只 能 是 往 用 户 的 伤口 上 
搬 盐 一 一 都 这 样 了 ， 你 还 要 我 确认 个 什么 劲 ? 我 一 点 也 不 想 确 认 。 


这 让 我 想到 一 个 笑话 : “我 有 一 个 好 消息 和 一 个 坏 消 息 。 坏 消息 是 我 没有 好 消息 。 
让 我 不 知道 该 怎么 选择 
有 些 对 话 框 的 用 语 过 于 含糊 ， 而 且 存在 着 逻辑 上 的 “陷阱 "。 


我 在 Gmail 邮箱 做 了 一 些 设置 ， 但 是 忘记 了 保存 ， 然 后 想 写 封 新 邮件 。 这 时 系统 弹出 这 样 一 
个 对 话 框 : 


Gmail 


BETA 


选择 搜索 条 件 - 指定 有 关 的 条 件 ， 以 决定 如 何 处 理 疏 到 的 邮件 。 使 用 “测试 搜索 ”， 可 查看 您 指定 的 条 件 对 哪些 邮件 进行 了 过 滤 。 
Windows Internet Explorer 区 | 




















主题 :| Advertisement 


W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 
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它 的 意思 是 问 我 是 否 保存 这 些 更 改 。 但 上 面 的 文字 是 “请 问 是 否 取 消 ”。 可 能 我 不 想 取消 更 改 。 
但 是 你 知道 我 是 怎么 想 的 吗 ? 点 击 “ 确 定 ”表示 “ 没 错 ,我 “确定 ”我 要 取消 ”， 点 击 “ 取 消 ” 似 
平 也 表示 “ 没 错 ， 我 要 取消 ， 所 以 点 “取消 ”按钮 "。 似 乎 不 管 我 怎么 选择 都 会 取消 之 前 的 更 改 。 

遇 到 这 种 问题 ,用户 只 能 对 着 这 个 对 话 框 看 一 段 时 间 ， 反 复 地 咀 吐 文字 的 含义 ， 直 到 让 自己 
相信 某 个 命令 是 自己 想 要 的 。 这 种 混淆 可 能 会 带 来 严重 的 后 果 。 其 实 把 按钮 改 成 “是 ”和 “不 是 ” 
问题 就 能 解决 。 

与 此 类 似 的 ， 有 些 对 话 框 把 文字 游戏 玩 得 更 加 炉火纯青 。 这 种 时 候 用 户 好 像 正 在 参加 “幸运 
52” 的 智力 游戏 。 例 如 “Google 日 历 ” 中 的 一 个 对 话 框 : 


删除 重复 活动 





您 想 避 删除 这 一 系列 中 的 此 活动 、 所 有 活动 ， 还 是 系列 中 的 这 一 活动 及 将 来 所 有 活动 ? 


ER 





我 既 不 明白 它 提出 的 问题 是 什么 ， 也 不 知道 它 给 我 的 几 个 答案 该 如 何 选 择 。 


除 此 之 外 ,还 有 些 情况 也 会 让 你 不 知道 该 如 何 是 好 。 例 如 有 的 对 话 框 只 告诉 你 一 种 可 能 的 情况 ， 
而 其 他 可 能 性 根本 不 提 。 


本 次 操作 必须 要 重启 计算 机 才能 完成 。 点 击 “ 确 定 ” 按 钮 来 重新 启动 你 的 计算 机 。 





程序 说 必须 点 “确定 ”来 重启 电脑 。 但 这 里 还 有 一 个 “取消 ” 键 。 如 果 我 点 的 是 “取消 ”会 
发 生 什么 事情 ? 程序 没有 告诉 我 。 


没有 第 三 种 选择 


另外 一 些 不 好 的 对 话 框 给 用 户 提供 了 多 种 选择 ， 但 却 忽略 了 用 户 最 有 可 能 想 要 的 那个 。 在 某 
个 网 站 中 ， 我 无 意 中 点 击 了 某 个 按钮 ， 这 时 出 现 了 下 面 这 个 对 话 框 : 








就 这 人 么 简单 rssaeasy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





您 已 经 取消 了 消息 提醒 服务 . 在 下 议 登 录 时 ， 该 
服务 将 会 自动 再 次 出 现 . 


您 是 否 希 望 下 次 登录 时 消息 提醒 服务 出 现 ? 








C3 CC 








除了 废话 太 多 之 外 ， 这 个 对 话 框 让 我 感到 很 诅 丧 的 是 : 我 并 不 想 取消 这 项 服务 ， 这 只 是 无 意 
中 的 误 操作 。 但 我 没有 办 法 改变 这 一 结果 。 我 被 迫 在 两 个 选项 中 选择 一 个 : 是， 取消 服务 ， 但 下 
次 登录 时 让 服务 再 次 出 现 ” 和 “不 ,取消 服务 ， 下 次 登录 时 也 不 要 出 现 该 服务 ”"。 没 有 第 三 个 出 口 。 
我 不 能 选择 “ 唉 ,我 不 想 取消 这 个 服务 " ， 其 实 这 才 是 我 最 想 要 的 选项 。 


7.4 你 真 明白 那些 控件 的 作用 吗 ? 


网 页 和 Web-based 系统 都 离 不 开 控件 。 但 让 我 吃惊 的 是 ， 就 连 很 多 程序 设计 人 员 也 经 常会 
这 上 面 犯错 误 。 


7.4.1 单 选 按钮 和 复 选 框 
单 选 按钮 叫做 RadioButton ， 而 复 选 框 叫 做 CheckBox。 


RadioButton 是 “多 选 一 "， 这 就 好 像 收音 机 ， 你 一 次 只 能 收听 一 个 台 的 节目 ， 要 么 就 是 中 央 
人 民 广 播 电台 ， 要 么 就 是 交通 音乐 台 ， 要 么 是 其 他 。 而 CheckBox 则 是 “多 选 多 "， 就 像 你 点 菜 的 
时 候 可 以 要 一 盘 宫 保 鸡 十， 一 盘 耗 油 生菜 ， 然 后 再 加 个 蘑菇 汤 。 你 选 了 其 中 一 个 也 完全 可 以 再 选 
其 他 的 ， 每 个 选项 都 是 独立 的 ， 互 不 排斥 。 


新 的 系统 通知 口 有 新 的 邮件 
口 故障 此 警 误 操作 警 此 


系统 发 生 错 误 





单 选 按钮 


就 这 么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


二 | 
eln lea ii 





但 是 就 这 样 仍然 还 有 人 会 出 错 。 


把 复 选 框 当 作 单 选 按钮 
最 简单 的 例子 就 是 把 复 选 框 的 属性 设 为 互 斥 。 


消息 设置 
您 希望 对 方 在 多 长 时 间 内 回复 本 消息 ? 
2 小 时 内 
一 天 之 内 
一 周 之 内 
无 所 谓 
自己 设 定时 间 : 分 钟 国内 


上 一 步 ] [二 中 [取消 








口 口 图 口 口 


























用 户 只 能 够 在 这 5 项 中 选择 一 个 。 但 是 这 种 原本 是 可 以 选择 多 项 的 复 选 框 会 诱 使 他 们 尝试 是 
否 能 多 选 ， 所 以 往往 很 多 人 都 会 在 这 种 地 方 点 击 好 几 次 鼠标 : 先 选 一 个 ， 然 后 再 选 一 个 ， 发 现 选 
了 这 个 就 不 能 选 那个 ， 于 是 再 点 回去 。 


把 单 选 按钮 当 作 复 选 框 


有 些 地 方 只 能 用 复 选 框 。 因 为 复 选 框 可 以 表示 “开关 ”的 意思 ， 而 单 选 按钮 则 不 行 。 但 是 有 
些 设计 师 没 有 理解 它们 在 这 里 的 区 别 。 例 如 : 





于 访 而 


提醒 时 间 : 提前 [国人 钟 ”人 靖 | 开始 提醒 
个 重复 :每 分 钟 提醒 一 次 





记 住 ， 单 选 按钮 是 “多 选 一 ”， 而 且 是 “必须 选 一 " 。 而 复 选 框 则 可 以 多 选 ， 也 完全 可 以 不 选 。 
这 是 两 者 的 根本 差别 。 





就 这 入 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





是 必须 要 我 选 ， 还 是 不 需要 我 选 ? 


很 多 没有 足够 用 户 界面 开发 经 验 的 设计 人 员 经 常会 出 现 这 样 的 问题 ， 即 不 给 单 选 按钮 任何 的 





初始 值 了 


您 希望 送 给 她 的 礼物 是 : 〇 鲜花 ” 〇 巧克力 ” 〇 项 链 


下 拉 选 项 菜单 里 面 也 是 如 此 : 


文字 格式 : Y 


也 许 你 不 喜欢 为 用 户 事先 指定 某 个 选项 ， 但 是 这 样 的 表现 方式 会 让 用 户 感 觉 他 可 以 什么 也 不 
选 。 单 选 按钮 是 “多 选 一 "， 它 不 应 该 处 于 无 值 状态 ， 否 则 将 会 违反 逻辑 定义 。 在 上 面 的 例子 中 ， 
也 许 用 户 不 想 送 任何 礼物 ,或 者 他 只 是 不 想 送 你 显示 的 这 三 种 。 如 果 你 允许 用 户 可 以 有 自己 的 选择 ， 


那么 单 选 按 钮 就 应 该 明确 包括 第 四 个 值 :“None”。 


您 希望 送 给 她 的 礼物 是 : 〇 鲜花 ” 〇 巧克力 ” 〇 项 链 


7.4.2 ”标签 虽 好 ， 问 题 多 多 





全 | 哈 也 不 送 或 者 其 他 礼物 


标签 是 一 个 非常 棒 的 用 户 界面 元 素 。 不 管 是 作为 操作 系统 控件 还 是 Web 页 面 元 素 ， 使 用 标签 





都 能 得 到 很 不 错 的 效果 。 这 是 因为 它 的 含义 非常 明显 ， 体 现 ! 











强烈 的 物理 


空间 感 一 一 当前 的 标签 








在 物理 上 位 于 最 前 面 。 


SS PORTFOUO 





ICONS 二 RESOURCES ”一 


W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


W eb-based 产品 








标签 面板 能 在 相对 紧凑 的 空间 内 组 织 大 量 信息 和 控件 ， 这 是 因为 它 给 人 一 种 遮盖 的 错觉 
在 用 不 上 的 东西 可 以 不 显示 ， 而 当 我 需要 的 时 候 则 随时 能 够 像 翻 书 一 样 地 显示 出 来 。 


但 这 同时 也 造成 了 很 多 错误 的 使 用 。 


3 现 


标签 只 能 用 来 导航 ， 不 能 选择 数据 


有 一 个 网 络 管理 系统 允许 用 户 选择 不 同 的 方式 来 保存 报表 数据 , 这 些 方式 包括 日 报表 、 周 报表 、 
月 报表 和 年 报表 。 设 计 师 在 这 里 使 用 了 标签 : 


EE 存储 报表 设置 -- 网 页 对 话 杠 





怠 动 器 ; 存储 报表 种 类 : 
e: 5: 








文件 夹 ; 
三 | 起 始 时 间 |1970-01-01 | ,08:00:00 
中 addins 
加 Adobe Illustra 终止 时 间 ”|2006-11-03 | 10:31:14 
名 MppPatch 


站 assenbly 口 修改 人 数据 
名 Config 





























2 
[ Conmection Wiz 名 操作 分 类 数据 
站 cursors 当 | 口 故障 描述 数据 
文件 名 : 口 报表 格式 : 
缺 省 报表 名 . x1s 


























覆盖 原 交 件 





就 这 A 疗 | 单 It's so easy 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


设计 师 希 望 用 户 首先 点 击 标签 页 来 选择 需要 的 报表 种 类 ， 然 后 对 标签 面板 中 的 选项 进行 设置 ， 
最 后 点 击 对 话 框 底部 的 “确定 ”按钮 。 


但 是 ， 很 多 用 户 抱怨 说 他 们 总 是 得 不 到 正确 的 操作 结果 。 有 人 说 他 设置 了 周报 表 ， 但 存储 的 结 
果 却 变 成 了 日 报表 或 者 月 报表 。 


这 是 什么 原因 呢 ? 原来 存储 报表 的 种 类 依赖 于 当 用 户 点 击 “ 确 定 ”按钮 时 ， 碰 巧 哪 一 个 标签 页 
被 置 于 最 前 面 。 可 能 会 发 生 这 种 事情 ， 用 户 选择 了 周报 表 ， 进 行 了 设置 ， 然 后 点 击 了 另 一 个 标 
签 ， 检 查 了 一 下 选项 ， 决 定 不 在 它 上 面 做 任何 修改 ， 接 着 点 击 “ 确 定 "。 但 这 个 时 候 其 实 当前 
的 标签 页 已 经 不 是 周报 表 了 ， 他 做 的 设置 已 经 被 忽略 了 ， 或 者 早 就 消失 了 。 














这 就 是 设计 师 和 用 户 对 标签 面板 理解 的 不 同 造成 的 。 用 户 认为 标签 起 到 的 是 导航 功能 ， 我 在 
标签 人 里 面 做 的 设置 ， 切 换 到 B 里 面 时 A 仍然 存在 。 但 设计 师 却 认为 你 切换 到 了 B， 表 示 你 就 要 
用 B 的 种 类 来 存储 。 


























问题 的 关键 在 于 标签 不 能 当 作 单 选 按钮 。 也 许 这 样 改 一 下 就 不 会 再 有 误解 了 : 


EB 存 二 报 表 设置 =- 网 页 对 话 框 
驱动 器 : 


和 
类 : | 以 后 
立 件 来 : 存储 报表 种 以 周报 表 的 形式 存储 w 


[Es 人 
Bs HINDOWS | 起 始 时 间 1970-01-01 | 08:00:00 
名 addins 


DD Adaobe Tilustra 终止 时 间 2006-11-03 | 10:31:14 
名 MppPateh 


ee 口 修改 人 数据 
操 Connection Wiz 操作 分 类 数据 


I Cursors | 口 故障 描述 数据 
文件 名 : 回 报表 格式 : 
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和 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


W eb-based 产品 





到 处 都 是 的 标签 
永远 不 要 放置 太 多 的 标签 。 如 果 使 用 了 过 多 的 标签 ， 你 会 发 现 只 有 以 下 几 种 办 法 来 解决 出 现 
的 问题 ， 但 是 它们 中 的 任何 一 个 都 不 太 好 : 
@ ”我 把 面板 的 宽度 增加 ， 这 样 就 能 放 更 多 的 标签 
增加 了 页 面 的 宽度 ， 确 实 能 多 放 一 到 两 个 标签 。 但 是 不 要 忘记 ， 每 一 个 标签 面板 中 一 般 都 只 
那么 多 的 选项 和 数据 需要 显示 ， 如 果 增 加 了 宽度 ， 每 个 面板 中 都 会 有 大 量 的 空间 被 浪费 。 


























设置 标签 本 来 是 为 了 节省 空间 ,但 现在 却 变 成 了 你 为 了 使 用 标签 而 故意 去 浪费 空间 。 这 有 点 “ 合 
本 逐 末 ” 的 意思 ， 不 是 吗 ? 


@ ”顶部 放 不 下 了 ， 就 在 其 他 地 方 放 标签 
为 了 避免 上 面 的 情形 ， 于 是 有 些 设计 师 在 面板 的 左边 或 右边 添加 标签 ， 甚 至 在 下 方 。 


























人 简 单 Its so0 easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








但 是 ， 这 种 方法 不 适合 用 户 的 使 用 习惯 。 他 们 会 认为 顶部 的 标签 是 一 级 分 类 ， 而 侧 边 或 下 部 
的 标签 只 是 这 些 分 类 的 附属 选择 。 他 们 绝 不 会 想到 这 些 标签 其 实 是 统一 等 级 的 。 而 且 ， 这 种 
方式 看 起 来 令 人 很 不 适应 一 一 超级 复杂 的 界面 。 


®@ 那 我 就 放 两 层 
为 了 节省 空间 ， 同 时 又 不 能 放 在 除了 面板 顶部 的 其 他 地 方 。 于 是 一 个 很 流行 的 解决 方法 是 用 
两 行 或 者 三 行 标签 来 代替 单行 显示 。 这 是 个 很 好 的 主意 ， 但 也 有 不 足 之 处 。 














由 于 标签 的 特点 在 于 它 把 当前 页 面 显示 在 物理 的 最 前 面 , 所 以 选中 的 标签 必须 和 面板 相连 接 。 
这 就 导致 一 个 问题 ， 就 是 当 用 户 选中 第 二 行 的 标签 时 ， 第 二 行 会 移 到 第 一 行 来 ， 并 显示 相应 
的 面板 。 同 时 ， 之 前 的 那 一 行 标签 变 成 了 第 二 行 。 例 如 Outlook Express 6 里 面 的 “选项 ” 
对 话 框 。 














常规 ”| 风 于 “| 回执 5 | 拼写 
拼写 检查 | ”安全 | 人 
拟 呈 网 读 件 
回 屿 术 琉 守 洗 接 之 前 济 癌 他 四 回 医 如 未 地 件 仙 | |5 。 全 | 秒 后 , 将 其 标记 为 已 读 
口 完成 发 送 和 接收 后 挂 类 00 EE Bij 邮件 
Internet 连接 设置 ee 团 在 预览 窗 格 中 查看 的 同时 自动 下 载 邮 件 中) 
器 殖 Express TInternet Explorer Internet 口 用 纯 文 本 格式 阅读 所 有 信息 双 ) 
单 击 “ 更 疏 "按钮 来 修改 这 些 设置 ， 回 在 邮件 列表 中 为 葛 巾 项 显示 工具 提示 QD 
突出 显示 祛 跟踪 的 邮件 ) ， | 国生 红色 
[Ei] 
时 回 每 次 获取 G) [300 “加 | 个 邮件 标 头 
口 退出 新 闻 组 时 格 所 有 邮件 标记 为 已 读 gg) 


字体 
碟 单 击 此 处 以 更 改 阅读 邮件 时 使 用 的 字体 和 默认 编码 


名 








[字体 四 [ 际 设 置 中 ..， ] 

















[mm | - 











用 户 会 发 现 ， 当 他 点 击 了 上 面 一 行 的 某 个 标签 后 ， 之 前 的 那个 标签 好 像 消 失 了 。 其 实 这 个 标 
签 只 是 移 到 了 一 个 新 的 位 置 ， 但 这 可 能 要 花费 用 户 一 些 时 间 来 找到 它 。 当 标签 过 多 的 时 候 尤 
其 令 人 烦恼 ， 例 如 下 面 模 拟 器 Anex86 的 设置 界面 。 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


W eb-based 产品 





FT > 


Manager | System | Keyboard | Mouse | Joystick | 


RIC | Fdd/Hdd | Soud | wave | MIDI 
Window | Video | Font | Timing | MEMSW | Dipsw | 
广 Window 





厂 Fix aspect ratio [| 
I¥ Use palette animation 
I Full color 





—Window ‘DirectX required) 


|v DirectX Mode 厂 Full screen (Alt + Return) 
厂 Re-initialize on switch 
厂 Use 640 x 400 
ly Use 32 bit color 


Draw ly Fullscreen [Y Fast 
厂 Windowed 三 Fast2 


Palette 三 Use palette animation 














Reset 





@ ”用 标签 说 套 标签 
还 有 一 个 常见 的 问题 是 在 某 个 标签 面板 中 设置 了 一 组 新 的 标签 页 。 这 会 让 用 户 感觉 眼睛 看 不 





曾经 有 一 位 客户 让 我 修改 他 们 Web-based 管理 系统 的 所 有 界面 ,我 发 现 其 中 一 个 页 面 中 就 说 套 
了 两 组 标签 ， 而 且 惨 不 忍 睹 ， 我 几乎 都 难以 把 它 作为 一 个 用 户 界面 的 例子 : 


211_137 160.65 《配置 文件 ) nawmed conf amed Zonen 
CO molde) Rey ) Server \ 
全 局 日 志 配 置 (Logging) 


图 信道 名 称 答 出 方式 rs ie 册 各 
yes 


© noderate dodos f 有 “/var/namedrlog/naned_211. 137. 160. 185. run” versions 10 
el 


CE a Et 137. 160. 195. log” versions 10 


园 种 类 名 称 包含 信道 


OO lmerservers null 


OO qeries query_log 
吕 defalt default_syslog 


©O default moderate_debug 
Cn) | [Weetoeory) | [ 几 际 ] [丰收 ] [下 看 ] [到 看] 














就 这 A 简 单 Its so easy 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


其 实 , 这 里 上 层 的 “Named” 和 “Zone” 完 全 可 以 用 单 选 按钮 来 代替 。 在 调整 一 下 之 后 页 面 并 
会 这 么 难看 : 


211.137.160. 85 《配置 文件 )naned conf Named OZone 








信道 名 称 输出 方式 





ID6 级 别 输出 类 别 输出 级 别 输出 时 间 注释 说 明 


| a Rd 137. 180. 185. run” versions 10 dabag 1 yes 和 


全 | Ot 137. 160.185. log” versions 10 jfo i i 
种 类 名 称 包 合 信 道 

© lone-servers sll 

O qeries query_log 

© default default_syslog 

©O defanlt moderate_debug 





[新 增 信道 (channeD | [新 增 类 别 categom | 
[ 划 除 ] (修改 ] [重量 ] [查看 ] 























如 果 标 签 太 多 ， 说 明 两 个 问题 : 一 、 你 的 分 组 可 能 没有 经 过 仔细 考虑 。 二 、 你 忘记 了 可 以 使 
用 其 他 控件 来 代替 标签 。 


太 小 和 太 大 的 标签 


使 用 标签 时 还 有 一 种 错误 的 使 用 在 于 它 的 长 度 和 高 度 。 其 实 这 种 大 小 主要 是 由 于 里 面 使 用 的 
文字 导致 的 。 


®@ ”有 些 标签 页 超 长 
出 现 这 种 问题 时 大 多 是 因为 没有 仔细 考虑 用 词 ， 导 致 有 些 标签 太 长 。 


采集 代理 权限 设置 


囊 闪 


实 后 2 个 标签 里 面 的 “采集 ”两 个 字 完 全 可 以 去 掉 ， 因 为 这 4 个 标签 都 是 针对 “采集 ”而 
的 。 
@ ”有 些 则 太 高 


而 有 些 情 况 下 似乎 标签 页 的 文字 无 法 再 缩减 ， 尤 其 是 对 英文 来 说 ， 单 词 长 度 是 无 法 控制 的 。 那 
么 有 些 设计 师 会 把 一 个 标签 分 为 两 行 来 安排 文字 。 





就 这 么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 





W eb-based 产品 





Bazaar 


但 如 果 有 的 标签 是 一 行文 字 ， 有 的 又 是 两 行 ， 这 样 看 上 去 会 相当 粳 糕 。 


@ ”还 有 些 则 太 短 
对 这 个 问题 也 有 解决 的 办 法 ， 就 是 使 用 英文 缩写 。 但 是 切忌 过 分 地 缩写 ， 否 则 就 是 在 牺牲 标 
签 的 清晰 程度 ， 甚 至 可 能 还 会 使 用 户 出 现 误解 。 


“Info” 代 表 “Information” 没 有 问题 ， 但 其 他 几 个 缩写 就 不 明 所 以 了 。 


7.4.3 简单 而 又 不 简单 的 文本 框 


文本 框 是 最 常见 的 界面 控件 之 一 ， 因 为 绝 大 多 数 软件 产品 都 需要 用 户 输入 数据 ， 而 不 可 能 只 
让 他 们 对 现 有 数据 进行 选择 。 





也 许 你 会 说 ， 这 个 玩意 不 就 是 个 输入 区 域 么 ， 还 有 什么 讨论 的 必要 吗 ? 答案 是 仍然 有 必要 ， 因 
为 我 见 过 太 多 的 设计 人 员 在 这 上 面 犯错 误 。 


这 些 错误 主要 包括 : 
在 不 该 用 的 地 方 使 用 文本 框 


我 经 常 在 一 些 网 站 或 产品 中 发 现 有 些 文本 框 不 能 编辑 。 它 们 看 上 去 处 于 未 激活 状态 ， 有 时 候 
里 面 的 值 也 可 以 改变 ， 但 不 是 通过 编辑 文本 框 来 改变 的 ， 往 往 是 其 他 操作 使 它 发 生变 化 。 这 些 文 
本 框 本 身 一 直 都 不 能 编辑 ， 其 实 它 只 能 显示 数据 。 











设备 篇 性 


设备 名 Im-12008-1 别名 HREM _12008_1zzzz | 管理 状态 正常 站 
sysHame | 测试 中 文 HKTW-1200 | SI 地址 221.11129.33 | 












































Cisco Internetwork Dperating System Software IOS (tm) GS Software (CI12KFRP-K3F-I)， 
sn 版 术 De Version 12.0(28)S8, RELEASE SOPTWARE (fc1) Technical Support: 
http://www. cisco. com/techsupport Copyright (c) 1986-2005 by cisco Systems, Inc. 
Compiled Tue 27-Dec-05 16 





sysDbjectID 3 sysUpTine 439244: sysServices 





sysContact ||ipaene-hn sysLocation 前 iamber 
SIF 读 审 | 全 全 国力 国力 力 生 和 SI 三 审 LIIIIIII| smmp 端 口 161 
























































就 这 么 简单 tssoeasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





上 面 灰色 的 文本 框 其 实在 任何 情况 下 都 不 能 编辑 ， 它 们 只 是 一 个 标记 而 已 。 这 种 时 候 ， 你 需要 
把 它们 直接 设置 为 简单 的 文本 ， 而 不 是 文本 框 。 记 住 ， 不 能 编辑 的 文本 就 不 要 放 在 文本 框 内 ， 或 
者 是 看 起 来 像 文 本 框 的 地 方 ， 因 为 文本 框 本 身 表 示 能 被 编辑 ， 否 则 就 是 误导 用 户 。 


We: 
设备 名 称 别名 管理 状态 


sysHane SRIF 地 址 SNMP 版 本 


















































系统 描述 Sa Internetwork Operating System Software IOS (tm) GS Se (C12KPRP-K3P-H), 
mn 12.0(28)56, RELEASE SOFTWARE (fcl) Technical Suppor 














ND ffwww. ciseo. com/techsupport Copyright (ec) 1986-2005 a 0 Systems, Inc. Compiled Tue 27-Dec-05 16 
sysObjectID 1.3.6.1.1.1.9.82 sysUpTine 104392443 sysServices 4 
sysContact ipBcnc-hn com sysLocation HIHK-JH ifNumber 11 
SHE 读 串 。 [eee SIES 吕 |。 | 。 sm 请 
操作 系统 软件 联系 人 

















我 认为 有 必要 归纳 出 计算 机 上 显示 文本 的 几 个 类 型 : 

















1.， 居住 地 :， | 北京 市 海淀 区 清华 大 学 可 编辑 的 文本 框 
2. 居住 地 : | 北京 市 海淀 区 清华 大 学 | 未 激活 的 文本 框 
3.， 居 住地 : 北京 市 海淀 区 清华 大 学 t 的 文本 


这 是 显示 文本 数据 仅 有 的 三 种 选择 。 
该 用 文本 框 的 地 方 却 又 很 随意 
对 于 那些 需要 用 户 输入 数据 的 文本 框 来 说 ， 也 存在 着 一 些 可 用 性 问题 。 


有 时 候 我 觉得 文本 框 就 像 个 来 者 不 拒 的 垃圾 箱 : 只 要 是 文本 ， 不 管 什么 你 都 能 输入 进去 。 
它 给 用 户 的 提示 太 少 ， 对 于 各 种 没有 结构 、 格 式 自由 的 数据 ， 它 都 能 接受 。 但 是 ， 如 果 系统 
对 输入 数据 有 要 求 ， 它 便 会 当 你 在 文本 框 内 输入 之 后 才 检查 ， 而 一 旦 数据 不 合法 ， 就 会 提示 
错误 信息 。 











奈 委 的 会 员 : 


， 上传 附 御 : 
附件 一 : 


请 在 验证 枉 中 革 入 车 时 本 要 3 泽 


各 附加 码 综 入 二 时， 请 楼 对 后 再 试 一 次 4 














就 这 么 简单 一 一 W eb 开 发 中 的 可 用 性 和 用 户 体验 Its so easy 


W eb-based 产品 





有 些 设 计 师 仅仅 只 是 把 文本 框 放 在 页 面 上 就 不 再 理会 。 用 户 如 何 输入 是 他 们 自己 的 事情 ， 反 
正 最 后 他 们 总 会 输 对 的 一 一 只 是 可 能 得 费 点 脑筋 而 已 。 稍 微 好 心 一 点 的 设计 师 会 在 文本 框 后 面 加 
上 格式 说 明文 字 。 例 如 “请 在 您 的 宅 电 号 码 前 加 上 区 号 ， 并 以 “-” 间 隔 "。 但 更 好 的 办 法 是 多 为 用 
户 考虑 ， 把 对 应 数据 的 各 个 部 分 使 用 多 个 文本 框 。 这 样 用 户 就 不 需要 考虑 那些 标点 符号 ， 出 现 语 
法 错误 的 几率 就 会 大 大 降低 。 例 如 : 























生日 : [1979-9-6 ] 生日 : |1979 | 年 [9 | 月 [6 | 日 


固定 电话 ; |86-10-87654321 固定 电话 : | 86 10 87654321 

















而 更 进一步 ， 你 也 可 以 使 用 专门 为 数据 类 型 定制 的 控件 ， 这 样 能 匹配 得 更 好 ， 用 户 绝对 不 会 
输入 无 效 值 。 例 如 : 








生日 : |1979-9-6 ] 生日 : |1979 国 年 [9 同月 |6 同日 


所 在 地 区 : 中国 北京 市 所 在 地 区 : ”| 中 国 辣 | 北京 ”加 | 北京 市 YY 

















7.5 每 一 个 元 素 都 要 有 合适 的 位 置 


一 个 产品 就 好 像 是 一 本 杂志 、 一 本 书 或 者 一 部 电影 。 它 们 同样 需要 初期 的 大 量 投 入 ， 然 后 让 
用 户 在 与 之 交互 的 过 程 中 获得 各 种 体验 。 可 惜 的 是 ， 很 多 设计 人 员 并 不 习惯 把 自己 设想 为 产品 的 
发 行者 。 他 们 只 是 机 械 地 开发 ,沉溺 在 功能 和 控件 之 中 ， 从 来 不 去 想象 日 后 用 户 见 到 产品 时 会 有 
什么 感觉 。 

从 这 个 角度 来 说 ， 一 个 好 的 用 户 界面 ， 它 的 布局 和 外 观 也 同样 重要 。 你 应 该 像 那些 出 版 商 一 
样 经 常 去 关注 产品 外 在 表现 的 细节 。 

就 像 我 的 朋友 Scott 所 说 的 :“ 尽 管 我 只 是 个 写 旅游 手册 的 ， 但 也 有 作为 作者 的 权利 。 如 果 出 
版 商 把 封面 设计 得 太 烂 的 话 ， 我 绝对 不 会 让 它 出 现在 货架 上 。” 


7.5.1 控件 的 摆 放 位 置 
我 发 现 有 些 设计 人 员 ， 尤 其 是 程序 设计 师 ， 似 乎 并 不 在 平 产品 的 外 观 表现 。 他 们 把 全 部 的 注 




















就 这 入 简 单 Its so easy 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


意 力 集中 在 功能 上 ， 实 现 了 一 个 功能 就 把 它 放 在 一 边 ， 然 后 投入 到 下 一 个 功能 的 实现 中 去 。 
这 就 导致 一 些 控件 或 界面 元 素 出 现在 不 该 出 现 的 地 方 。 
胡乱 放置 的 按钮 


很 常见 的 情况 就 是 编程 人 员 把 两 种 按钮 混为一谈 ， 堆 砌 在 一 起 。 一 种 按钮 是 控制 具体 数据 或 
设置 的 按钮 ， 另 一 种 则 是 标准 的 对 话 框 控制 按钮 ， 例 如 “确定 "、“ 取 消 ” 和 “关闭 ”。 








选择 收 件 人 
点 击 去 而 的 联系 人 列表 ， 添 加 到 右边 的 收 御 人 列表 中 
联系 人 收 件 人 
Wandering Palmer 人 A Wandering Palmer 
Dark Pirate Xiaowei_Zhang 







陈 天 齐 | 
Rokey Zhang | 
Mess79 

Xiaowei_Zhang 






[ 
Julian@suddaby .net 

chwilyl 
Frad EJ 











但 实际 上 ， 这 两 种 按钮 所 针对 的 对 象 是 不 同 的 ， 把 他 们 放 在 一 起 会 增加 用 户 的 困扰 。 也 许 编 
程 人 员 认 为 所 有 的 按钮 都 应 该 放 在 面板 的 底部 ， 这 样 强调 了 一 致 性 ， 或 者 他 们 认为 这 样 有 效 地 利 
用 了 对 话 框 的 空间 。 


但 是 ,这 种 无 谓 的 “一 致 性 ” 带 来 的 负面 影响 更 大 。 用 户 在 这 个 时 候 更 希望 的 是 操作 数据 ， 把 
控制 数据 的 按钮 “隐藏 ”在 控制 对 话 框 的 按钮 之 后 ， 只 能 让 他 们 花费 时 间 来 寻找 。 





正确 的 设计 应 该 是 突出 控制 左右 列表 的 按钮 : 


单 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 
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选择 收 件 人 


点 击 左 出 的 联系 人 列表 ， 添加 到 右边 的 收 件 人 列表 中 
联系 人 收 件 人 








Wandering Palmer 办 Wandering Palmer 
Dark Pirate Xiaowei_Zzhang 

陈 天 齐 
Rokey Zhang 
Mess79 


Xiaowei_Zhang 


广 冰 


Wj 





Julian@suddaby net 
chwlyl 
Fred Rd 


























距离 产生 美 ? 

控件 之 间 的 距离 也 是 个 很 重要 的 问题 ， 太 远 不 好 ， 太 近 也 不 好 。 很 多 设计 人 员 对 这 个 方面 考 
虑 不 多 ， 或 者 也 仅仅 只 是 随意 放 几 个 空格 了 事 ， 因 为 他 们 觉得 这 种 距离 的 设置 又 花 功夫 ， 又 没 什 
么 很 显著 的 效果 。 

但 是 , 也许 考虑 间距 说 不 上 能 有 多 么 好 的 效果 , 但 是 不 考虑 间距 却 很 可 能 会 极 大 地 影响 效果 。 

@ ”距离 太 远 影响 效果 

有 些 控件 之 间 的 间隔 太 远 ， 以 至 于 看 上 去 根本 就 不 像 是 在 一 个 设置 里 面 。 


‘©jhm 






































就 这 么 简单 tssoeasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





@ ”距离 太 近 同样 影响 效果 

另外 一 些 控件 间隔 过 近 ， 尤 其 是 当 很 多 的 时 候 ， 用 户 会 发 现 他 们 很 难 推断 哪些 控件 属于 哪 
个 分 组 。 这 是 由 于 当 人 视线 水 平 横向 移动 时 ， 很 容易 偏 高 或 者 偏 低 ， 尤 其 是 当 附近 有 其 他 
元 素 时 。 


您 的 收入 水 平 : 全 1000 元 以 下 〇 2000-5000 元 〇 5000 元 以 上 
您 的 家 人 数量 : 〇 两 口 之 家 QO 〇 3 人 © 4 人 以 上 
您 的 出 差 频 率 : 〇 很 少 加 一 般 个 经 常 

您 是 否 经 常 与 家 人 共度 周末 : 加 很 少 7 个 经 常 





这 种 情况 下 良好 的 布局 就 显得 很 重要 了 。 要 让 用 户 能 够 顺利 地 完成 任务 ， 就 得 帮助 他 们 不 花 
太 大 功夫 就 能 识别 出 各 个 控件 是 如 何 分 组 的 。 间 距 是 一 个 很 重要 的 因素 ， 有 时 候 稍 微 进行 一 些 调 
整 就 能 让 局 面 有 显著 的 改观 。 














@ ”加 大 不 同 组 别 的 间距 
只 要 让 不 同 组 别 之 间 的 距离 大 于 同 组 内 控件 的 距离 ， 人 们 就 能 很 轻易 地 识别 分 组 。 


您 的 收入 水 平 : @ 1000 元 以 下 〇 2000-5000 元 〇 5000 元 以 上 
您 的 家 人 数量 : 〇 两 D 之 家 3 人 ®@4 人 以 上 
您 的 出 差 频 率 : 人 经 常 

您 是 否 经 常 与 家 人 共度 周末 : 人 经 常 





@ ”把 同 组 的 控件 安排 得 更 紧凑 一 些 
如 果 各 组 的 控件 数目 不 一 样 ， 或 者 每 一 组 的 长 度 差别 很 大 ， 这 时 没有 必要 去 强调 控件 之 间 的 
对 齐 。 让 每 个 控件 相距 更 紧密 些 ， 即 使 这 样 会 打 乱 原本 整齐 的 排列 。 


加 高 绿 〇 此 色 回 亮 青 〇 黄色 O 〇 棕 红 〇 红色 
: 。 口 邻 居 关 系 去 失 ”各 邻居 关系 发 现 “加 缺 省 路 由 去 失 “个 缺 省 路 由 发 现 
: 。 口 设 备 前 隧 ”@@ 链 路 故障 
: 加 当前 〇 历史 〇 全 部 〇 已 修复 








这 种 不 规则 的 布局 能 帮助 用 户 利用 视觉 暗示 来 轻松 地 识别 各 个 分 组 。 哪 怕 组 与 组 之 间 的 距离 
小 点 也 没关系 。 


@ ”加 一 条 分 隔 线 
如 果 你 还 是 担心 拉 大 分 组 间距 离 的 方式 不 太 有 效 ， 那 么 最 简单 的 办 法 就 是 加 一 条 分 隔 线 。 这 
样 你 还 有 疑问 吗 ? 


您 的 收入 水 平 : 四 1000 元 以 下 〇 2000-5000 元 〇 5000 元 以 上 
您 的 家 人 数量 : 〇 两 口 之 家 OO 3 人 图 4 人 以 上 


您 的 出 差 频 率 : 〇 很 少 @ 一 般 〇 经 常 
您 是 否 经 常 与 家 人 共度 周末 : @ 很 少 加 = 概 〇 经 常 





7.5.2 ”你 无 法 逃避 的 对 齐 方式 


不 论 是 控件 或 文本 ， 还 是 表格 或 图 片 ， 对 齐 都 是 我 们 最 经 常 面 对 的 问题 。 如 果 不 考 虑 对 齐 的 
方式 ， 或 者 只 是 随意 设置 ， 就 很 可 能 会 造成 可 用 性 方面 的 问题 。 例 如 下 面 这 种 很 糟糕 的 对 齐 : 














故 障 高 级 查 询 


MMADDAYYYY | HH: MM:SS 














故障 首次 发 生 时 间 从 NADDAYYYY | INH:WWN:SS | 型 


故障 最 近 发 生 时 间 从 WADDAYYYY | :是 :SS | 到 
故障 关闭 时 间 从 JADDAYYYY | HHN:SS | 到 











NMADDATYYY | HH: MM:SS 
































MMADDAYYYY | HH: MM:SS 


















































































































故障 源 IF 地 址 口 模糊 查询 
故障 描述 口 神 头 查 询 
[| Wg [2 可 
人 
当前 ”人 〇 历史 























把 对 齐 方式 改 一 下 就 会 好 很 多 ， 用 户 看 起 来 能 一 目 了 然 : 





就 这 么 简单 jssoeasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 















































































































































人 快速 查询 加 高 加 查询 
首次 发 生 时 间 : 从 MM/DD/YYYY | 0CmI:SS | 到 [MM/DD/YYYY | [Yot: WM:SS 
最 近 发 生 时 间 : 从 ADDAYYYY | IC:SS | 到 mADDAYYTITT | 0{: WM:SS 
故障 关闭 时 间 : 从 mADDAYYYY | DO:SS | 到 mADDATYYT | [YO{: WM:SS 
故障 源 IF 地 址 : 模糊 查询 
故障 描述 : 口 模 业 查询 
设备 编号 : 喜 障 级 别 : 司 [全 部 ~ 
设备 名 称 : 模糊 查询 。 ”故障 类 型 : 网 [全 部 ~ 
故障 采集 源 : 。 全 部 bd 故障 发 生 次 数 : | = 图 
故障 状态 : 4 部 ”OO 〇 当前 ” 〇 历史 
结果 显示 格式 ; | - Bd| 
、 
是 左 对 齐 还 是 右 对 齐 


对 于 绝 大 多 数 软件 来 说 ， 例 如 Dreamweaver、Flash 或 者 Photoshop， 一 般 默认 的 对 齐 方式 
都 是 左 对 齐 。 左 对 齐 的 排版 方式 最 合适 于 习惯 从 左 至 右 书写 文字 的 国家 和 地 区 ， 因 为 人 们 浏览 和 
输入 的 方式 是 一 样 的 。 


从 垂直 方向 来 说 ， 左 对 章 的 方式 减少 了 用 户 眼睛 移动 和 处 理 的 时 间 。 他 们 只 需 上 下 扫 视 一 遍 
左 侧 的 标记 〈Label) ， 就 能 了 解 所 要 输入 的 所 有 内 容 。 但 是 ， 由 于 有 些 标记 可 能 很 长 ， 就 会 造成 它 
们 和 对 应 的 输入 框 之 间 的 距离 加 大 ， 这 会 影响 用 户 填写 表单 的 时 间 。 他 们 必须 左右 来 回 地 跳 转 目 
光 来 找到 两 个 对 应 的 标记 和 输入 框 。 
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会 议 召集 通知 预订 
股东 姓名 : 张 学 阳 5| * 
密码 : * 


股东 身份 证 SB [，， 
股东 持 股 数 : | 
受托 人 姓名 : | 
志 托 人 身份 证 3 吗 : [ 


发 送 节 件 通 知 : 信 是 个 否 








就 这 么 简单 一 一 W eb 开 发 中 的 可 用 性 和 用 户 体验 Its so easy 


W eb-based 产品 





于 是 一 种 替代 方案 产生 了 : 设计 师 把 标记 进行 右 对 齐 ， 这 样 可 以 让 它们 和 输入 框 之 间 的 距离 
更 接近 ， 从 而 使 得 它们 彼此 间 的 对 应 关系 也 更 清晰 。 但 是 这 样 也 有 不 好 的 地 方 : 左边 出 现 了 参差 
不 齐 的 空白 ， 用 户 们 发 现 检索 输入 内 容 变 得 有 点 困难 。 这 是 因为 它 给 习惯 从 左 至 右 书 写 的 用 户 造 
成 了 阅读 障碍 。 




















| 会 议 通 知 
蒜 伦 电子 第 二 届 鞋 事 会 第 四 次 决议 公 洁 既 召开 股东 大 会 的 通知 
《上 海 证 券 报 》 第 30 版 2007-2-27 


会 议 召 集 通 知 预 订 











股东 姓名 ” [ 张 学 阳 司 ， 

害 妈 +* 
股东 身份 证 S 码 | 
股东 持 股 数 [| 
受托 人 外 名 [| 
受托 人 身份 证 S 码 | 


发 送 邮 件 通 知 从 是 个 否 


备注 -| 


提 交 了 到 消 

















管 是 左 对 齐 还 是 右 对 齐 ， 你 并 不 能 说 谁 更 好 谁 更 差 。 这 方面 一 直 就 没有 一 套 可 以 区 分 高 下 

的 通用 标准 ， 有 可 能 将 来 也 不 会 
Rad wo 如 果 用 户 不 需要 对 控件 标记 仔细 辨别 (例如 那些 他 们 熟悉 的 内 容 : 姓 名 密码 、 
， 用 右 对 齐 比较 合适 ， 因 为 他 们 更 多 注意 的 是 右边 的 控件 ; 而 如 果 你 认为 他 们 的 注意 力主 


oe (例如 那些 需要 看 清楚 的 内 容 : 股 东 持 股 数 和 受托 人 姓名 ), 强调 一 下 左 对 齐 会 比较 好 ， 
因为 这 样 便于 他 们 检索 需要 输入 的 内 容 。 


不 要 只 注意 忆 一 
不 光 是 左边 控件 标记 需要 注意 对 齐 ， 控 件 本 身 也 要 注意 对 齐 。 下 面 这 个 例子 就 很 难看 : 


























就 这 么 简单 msseasy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





i l. 
有 局 








密码 * 
密码 确认 














用 户 姓 名 








E-Mail*: 
联系 电 
话 : 




















用 户 描 
述 ; 





大 多 数 时 候 设计 人 员 只 是 根据 某 个 控件 本 身 的 字符 长 度 来 显示 控件 的 外 观 长 度 。 而 每 个 控 
件 的 字符 数 设置 又 是 很 随意 的 。 这 就 导致 控件 长 短 不 一 。 用 户 对 这 种 “不 负责 任 ” 的 显示 方式 









































并 不 欣赏 。 
难道 下 面 这 样 不 是 更 好 看 些 吗 ? 
四 3 
密码 : # 
密码 确认 人 : * 
用 户 姓 名 : 
E-Mail : 米 
联系 电话 : 
用 户 描述 : 





就 这 么 简单 性 和 用 户 体验 Its so easy 


W eb-based 产品 





如 果 有 时 候 左右 都 不 能 对 齐 


不 管 你 设置 的 是 左 对 齐 还 是 右 对 齐 ， 有 时 候 你 还 是 会 遇 到 一 些 特殊 情况 ， 例 如 某 个 控件 的 标 
记 非 常 长 。 如 果 在 这 种 时 候 仍 然 拘 泥 于 对 章 方式 的 话 ， 就 很 可 能 会 造成 空间 的 浪费 。 


填写 您 对 网 站 的 意见 : 
姓名 : 


网 站 : 


您 是 否 希 望 获得 我 们 的 反馈 信息 : 希望 〇 不 希望 


填写 您 对 网 站 的 意见 : 
姓名 : 
网 站 


您 是 天 项 望 获得 我 们 的 反馈 信息 : @ 希望 不 希望 








如 果 你 觉得 把 这 句 话 分 成 两 行 不 合适 ， 也 不 能 把 字数 简化 ， 那 么 最 简单 的 办 法 就 是 忽略 这 个 
标记 的 对 齐 方式 ， 其 他 地 方 能 对 齐 则 对 齐 。 就 像 下 图 所 显示 的 这 样 : 


| 填写 您 对 网 站 的 意见 : 


村 名 : 


您 是 否 希望 获得 我 们 的 反馈 信息 : 人 @ 希望 。 〇 不 希望 

















就 这 么 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





上 下 也 要 对 齐 


除了 左右 对 齐 之 外 ， 你 也 需要 注意 上 下 水 平 的 对 齐 方式 。 这 一 点 很 多 设计 师 都 没有 加 以 足够 


的 重视 。 


例如 在 Gmail 的 邮箱 设置 页 面 中 ， 面 板 第 二 行 的 单 选 按钮 、 文 字 、 文 本 框 和 下 拉 框 全 部 不 在 
一 条 水 平 线 上 。 这 给 人 一 种 不 平衡 的 感觉 。 下 面 的 另 一 个 下 拉 框 就 好 多 了 ， 尽 管 它 也 没有 与 文字 


完全 水 平 对 齐 : 


加 停止 转发 








名 将 所 接收 邮件 的 副本 转发 至 | 电子 邮件 地 下 











并 | 将 Gmail 副本 保留 在 “ 收 件 箱 ” 中 





加 








提示 : 通过 创建 这 滤器 ， 还 可 以 只 转发 部 分 邮件 ! 


1. 状态 : POP 已 蔡 用 
四 对 所 有 邮件 启用 POP 
口 仅 对 从 现在 起 所 收 到 的 邮件 启用 POP 





2. 当 采 用 POP 访问 邮件 时 | 将 Gmail 副本 保留 在 “ 收 件 箱 ” 中 





3. 配置 电子 邮件 客户 端 〔 例 如 : Outlook、Eudora、Netscape Mail) 


配置 说 明 





我 相信 这 个 问题 并 不 难 解决 。 一 直 以 “Focus on the user” 自 称 的 Google 居然 也 会 出 现 这 种 


览 脚 的 失误 ， 实 在 是 令 人 有 些 难 以 置信 。 


第 八 章 
测试 可 用 性 


至 尊 宝 : “出 来 吧 ! 葡萄 ” 


车 提 : “我 不 是 想 监视 你 ， 我 只 不 过 是 想 研 究 一 下 
人 与 人 之 间 一 些微 妙 的 感情 。 
一 一 《大 话 西游 》 人 台词 





就 EAA 简 单 It's so easy 





mm a a 


尽管 我 们 已 经 讨论 了 许多 网 页 和 Web-based 产品 可 用 性 方面 的 问题 ， 举 了 很 多 例子 ， 但 是 这 


也 许 我 们 可 以 用 一 整 本 书 来 穷 举 所 有 可 用 性 方面 的 错误 ， 提 出 针对 这 些 错误 的 改正 方法 ， 就 
好 像 一 部 由 “错误 集合 ”所 组 成 的 某 种 “武林 秘籍 "， 但 这 些 也 仍然 不 够 。 


这 是 因为 就 好 比 我 们 无 法 把 人 类 的 特性 描述 得 面面俱到 一 样 ， 每 个 人 都 是 彼此 不 同 的 。 可 用 性 
也 是 如 此 ,我 们 永远 无 法 通过 某 种 “规则 "或 者 “秘籍 "来 避免 所 有 的 错误 。 不 同 的 用 户 在 不 同 的 时 间 、 
不 同 的 动机 和 意图 、 不 同 的 情绪 状态 下 表现 出 来 的 特性 也 是 不 一 样 的 ， 没 有 人 能 够 通晓 一 切 。 


那么 应 该 怎么 办 呢 ? 如 何 确 保 我 们 的 设计 能 够 让 用 户 满意 ? 你 得 经 过 怎样 的 证 实 才 能 有 把 担 
自己 设计 出 来 的 产品 能 够 经 受 得 住 用 户 和 市 场 的 考验 ? 


答案 只 有 一 个 ， 测 试 。 
8.1 为 什么 要 测试 ? 
如 果 现 在 的 设计 中 有 个 地 方 存在 着 两 种 (或 者 更 多 ) 解 决 方案 。 你 该 如 何 选择 ? 哪 种 方案 最 好 ? 


不 论 设计 者 自己 怎样 费 尽心 思考 虑 这 个 问题 ， 也 不 论 团队 (假使 是 团队 ) 的 所 有 成 员 如 何 热闹 
地 聚 在 一 起 讨论 ， 他 们 很 有 可 能 到 最 后 还 是 什么 都 解决 不 了 。 哪 怕 这 个 过 程 得 出 了 某 个 结果 ， 你 
也 无 法 赁 此 就 相信 它 是 正确 的 ， 或 者 是 最 好 的 解决 方案 。 


这 种 思考 或 者 讨论 ， 其 实 只 是 在 浪费 时 间 。 
8.1.1 美国 到 底 民主 还 是 不 民主 ? 
这 种 浪费 时 间 的 讨论 我 相信 你 肯定 有 过 类 似 的 体验 。 例 如 下 面 这 种 情况 。 





我 觉得 做 成 | 当然 、 
blog 形 式 的 【一 点 更 酷 。 要 像 门户 网 
这 还 用 问 吗 ? 





就 这 么 简单 W eb 开发 中 的 可 用 性 和 用 户 体验 its s0 easy 





可 用 性 


这 种 争论 有 点 类 似 关 于 “全 球 变 暖 到 底 是 人 为 造成 的 还 是 地 球 自 身 的 变化 规律 ? "、“ 美 国 到 
底 民 主 还 是 不 民主 ? ”或 者 “苹果 到 底 是 前 了 皮 吃 好 还 是 连 皮 一 块 吃 好 ? ”的 讨论 。 这 些 讨论 往 
往 没有 结果 ， 每 个 人 都 有 自己 的 看 法 和 依据 ， 但 同时 又 没 办 法 说 服 对 方 。 最 后 每 个 人 仍然 保留 着 
自己 原来 的 看 法 。 

而 与 那些 争论 不 同 的 是 ， 在 平时 的 争论 中 彼此 无 法 统一 认识 也 就 算 了 ， 不 会 有 什么 影响 ; 但 
是 在 设计 工作 中 ,我们 必须 得 出 一 个 结论 来 ， 所 以 总 得 有 人 服输 。 这 就 很 可 能 产生 紧张 气氛 ， 破 
坏 团队 成 员 间 的 关系 ， 导 致 无 法 做 出 关键 的 决定 。 




















这 似乎 是 无 法 避免 的 事情 。 为 什么 会 出 现 这 种 情况 ? 
我 喜欢 的 ， 别 人 也 应 该 喜欢 
设计 师 都 有 双重 性 ， 一 个 是 他 作为 设计 师 的 一 面 ， 通 过 对 用 户 的 调研 和 沟通 来 设计 适合 用 户 


使 用 的 产品 ; 另 一 面 则 是 作为 使 用 者 一 面 ， 通 常 他 们 都 把 自己 假想 为 用 户 (也 可 能 他 们 本 身 就 是 
真实 的 用 户 )， 根 据 自己 的 意愿 和 喜好 进行 设计 。 


每 个 人 都 有 自己 的 喜好 和 异 恶 。 你 可 能 喜欢 网 页 中 的 下 拉 列表 ， 因 为 它们 浅显 易 懂 而 且 不 占 地 
方 ; 你 也 可 能 讨厌 下 拉 列 表 ， 因 为 有 它们 出 现 就 意味 着 可 能 要 在 长 长 的 列表 中 找寻 目标 。 我 喜欢 
伸缩 式 的 动态 网 站 导航 ， 因 为 很 有 趣味 性 :我 也 可 能 不 喜欢 它们 ， 因 为 无 法 对 网 站 的 结构 一 目 了 然 。 


这 样 的 结果 是 希望 自己 设计 的 产品 能 够 满足 自己 的 喜 恶 。 我 不 喜欢 下 拉 列 表 ， 那 么 我 就 在 页 
面 里 面 找 其 他 方式 来 代替 下 拉 列 表 。 


这 是 一 种 天 性 一 一 “我 是 正常 人 ， 而 且 广大 用 户 也 是 正常 人 ， 那 么 他 们 就 会 喜欢 我 所 喜欢 的 。 
有 时 候 我 们 也 明白 在 有 些 问 题 上 某 些 人 可 能 和 我 们 并 不 一 致 ， 但 是 那 种 情况 一 般 并 不 多 见 ， 而 且 
最 主要 的 可 能 是 因为 他 们 并 不 像 我 们 这 样 明智 一 一 不 明智 的 人 总 是 存在 的 ,我 们 团队 里 面 就 有 几 
个 一 一 那些 跟 我 意见 不 统一 的 家 伙 。 





在 这 种 思路 下 ， 设 计 师 总 是 能 够 “自我 安慰 ”， 然 后 在 设计 中 加 入 过 多 的 个 人 意愿 。 这 种 结果 往 
往 就 是 一 大 堆 人 看 着 设计 稿 ， 每 个 人 都 有 自己 的 主张 ， 尽 管 他 们 的 目的 都 是 为 了 做 得 更 好 。 


角色 的 不 同 导致 看 法 不 同 
另 一 方面 ， 这 种 对 立 的 看 法 也 来 自 于 开发 团队 中 的 各 个 角色 职位 的 不 同 。 


设计 师 们 通常 认为 , 大 多 数 人 都 喜欢 漂亮 的 、 有趣 的 界面 ,因为 设计 师 自己 就 喜欢 这 样 的 界面 。 
他 们 总 是 找寻 视觉 上 令 人 感觉 新 奇 的 网 站 或 者 界面 ， 仔 细 地 欣赏 和 品味 ， 有 时候 甚至 把 它们 截屏 
并 保存 下 来 。 








就 这 人 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








而 另 一 方面 ， 技 术 开 发 人 员 则 认为 人 们 都 喜欢 页 面 简洁 ， 同 时 功能 又 多 又 新 颖 的 产品 。 因 为 
他 们 觉得 这 样 才 是 最 好 的 ， 体 现 了 技术 力 ， 科 学 而 严谨 。 

这 样 一 来 ， 设 计 师 们 想 做 又 美观 又 酷 的 有 趣 界面 ， 而 技术 人 员 则 想 做 功能 完备 的 新 潮 产品 。 哪 
个 部 分 才 是 开发 中 最 应 该 优先 考虑 的 呢 ? 这 就 是 大 多 数 美术 设计 和 程序 设计 人 员 之 间 总 是 无 法 互 
相 认同 的 原因 一 一 他 们 经 常会 因为 各 自 的 喜好 而 对 产品 特点 产生 对 立 的 看 法 ， 有 时 候 甚至 相互 发 


生 冲 突 。 


























而 一 旦 有 市 场 人 员 , 或 者 老总 出 现 的 时 候 ， 设 计 师 和 技术 人 员 会 突然 发 现 他 们 站 在 了 一 条 战 
壕 里 ， 共 同 面 对 的 则 是 游戏 里 面 的 终极 BOSS 一 一 管理 者 和 市 场 文化 。 这 些 家 伙 关 注 的 是 投资 者 、 
浏览 量 、 广 告 收入 和 战略 合作 伙伴 ， 他 们 并 不 为 产品 本 身 的 美观 或 功能 操心 。 至 于 恒利 等 等 这 些 
责任 就 落 在 了 设计 师 和 程序 员 这 样 的 人 身上 ， 让 他 们 觉得 自己 卖命 的 所 得 似乎 全 部 落 入 了 资本 家 
的 口袋 。 




















设计 师 最 喜欢 这 样 做 开发 人 员 觉 得 这 样 最 理想 市 场 人 员 感 觉 这 样 最 好 





有 时 候 从 小 事 里 面 能 够 看 到 更 深层 次 (同时 也 更 难 解决 ) 的 问题 一 一 这 就 是 艺术 、 科 学 和 商 
业 长 久 以 来 一 直 就 存在 的 矛盾 。 


8.12 ”这 不 是 简单 的 是 非 题 


在 我 们 彼此 争论 的 时 候 ， 总 是 会 说 “我 觉得 这 样 好 ， 因 为 大 多 数 用 户 都 喜欢 这 样 ”或 者 “大 
部 分 人 不 喜欢 这 玩意 ， 所 以 我 们 把 它 去 掉 吧 ”。 然 后 对 方 可 能 马上 反驳 :“ 谁 说 的 ， 我 认识 的 人 都 
不 习惯 这 样 做 ， 他 们 都 喜欢 那样 。 


然后 讨论 开始 转化 为 到 底 大 部 分 用 户 都 喜欢 什么 或 者 不 喜欢 什么 。 似 乎 只 要 找 出 人 们 的 喜好 ， 
就 能 做 出 最 好 的 设计 。 没 错 ， 在 大 的 方面 或 者 趋势 上 面 我 们 能 够 得 出 一 些 结论 ， 例 如 导航 栏 一 般 
都 放 在 页 面 的 最 上 方 ， 例 如 大 家 都 开始 喜欢 把 个 人 网 页 做 成 blog 的 形式 ， 或 者 现在 界面 的 美术 设 
计 都 偏向 晶 查 透亮 的 材质 ,就 好 像 Vista 或 者 Mac OS。 这 就 好 像 在 唐 朝 的 时 候 大 家 都 喜欢 胖 女 人 ， 
但 现在 更 欣赏 苗条 一 样 。 


























疝 单 W eb 开 发 中 的 可 用 性 和 用 户 体验 its 80 88y 





但 是 对 于 大 多 数 可 用 性 细节 方面 的 问题 ， 并 没有 一 个 “主流 ”或 “ 非 主流 ”的 比较 。 这 种 比较 
看 上 去 把 问题 简单 化 了 : 要 么 就 是 好 ， 要 么 就 是 不 好 。 超 链接 的 下 划 线 要 么 很 好 〈 它 区 别 于 其 他 
普通 文本 )， 要 么 不 好 ( 太 多 的 下 划 线 让 人 眼花 )。 弹 出 窗口 要 么 很 好 〈 它 吸引 了 我 的 注意 力 )， 要 
么 不 好 (我 还 得 花费 时 间 去 关闭 它 )。 应 该 把 数据 结构 表现 为 树 状 列表 ， 或 者 不 应 该 在 产品 里 出 现 
树 状 列表 。 总 之 不 是 黑 就 是 白 ， 不 是 对 就 是 错 。 











但 是 ， 这 里 其 实 没有 简单 的 是 非 题 。 我 们 不 能 判断 “大 部 分 用 户 ”是 喜欢 这 还 是 喜欢 那 ， 因 为 
没有 人 能 证 明 喜 欢 A 种 方式 的 用 户 总 数 比 喜欢 B 种 方式 的 用 户 总 数 更 多 。 每 个 用 户 都 是 独一无二 的 ， 
他 们 不 会 就 这 些 问题 为 我 们 形成 统一 的 意见 。 


例如 ， 很 多 人 习惯 网 站 中 的 弹出 窗口 ， 但 同时 又 有 相当 数量 的 人 声称 他 们 非常 讨厌 浏览 网 页 
时 弹出 窗口 。 但 实际 上 ， 这 些 人 讨厌 的 是 那些 使 用 不 当 的 弹出 窗口 : 莫名 其 妙 地 突然 蹦 出 来 ， 满 
是 焰 花 了 眼 的 广告 ， 即 使 是 真正 意义 上 的 对 话 框 ， 却 又 在 同时 禁止 了 其 他 的 所 有 操作 ， 而 且 用 语 
冷漠 令 人 生 厌 。 


如 果 你 仔细 观察 这 些 用 户 ， 并 且 正 确 地 询问 他 们 ， 就 很 可 能 发 现 其 实 这 些 人 并 不 反感 那些 正 
确 使 用 的 弹出 窗口 : 适当 的 提示 或 告警 ， 有 意思 的 便捷 入 口 ， 以 及 友好 的 用 语 。 有 的 弹出 窗口 他 
们 甚至 很 喜欢 ， 有 时 候 他 们 都 意识 不 到 网 站 弹出 了 某 个 窗口 。 


其 他 地 方 也 是 一 样 。 有 些 人 说 他 们 讨厌 Flash 动画 , 甚至 专门 建立 了 讨伐 Flash 的 网 站 和 论坛 ， 
但 他 们 反感 的 是 那些 没有 带 来 任何 价值 ， 却 又 耗费 他 们 大 量 时 间 去 下 载 的 Flash， 或 者 闪 得 让 人 头 
疼 的 Flash。 对 于 那些 经 过 专业 设计 、 尺 寸 精巧 的 Flash, 或 者 有 着 良好 体验 的 Flash， 他 们 其 实 
很 喜欢 。 这 些 事情 没有 绝对 的 爱 与 恼 。 














那么 如 何 解决 关于 A 好 还 是 B 好 的 争论 呢 ? 


解答 的 关键 不 在 于 一 定 要 措 清 楚 “ 是 不 是 大 部 分 人 喜欢 x x x ”, 这 种 问题 本 身 就 是 不 正确 的 。 
你 应 该 间 “ 在 这 个 页 面 中 ， 当 用 户 执行 这 类 的 任务 时 ，x x x 放 在 这 里 会 不 会 让 用 户 感觉 良好 ? 
他 们 会 不 会 感觉 更 方便 ? ” 


不 是 x x x 对 或 者 不 对 ， 而 是 放 在 这 里 合 不 合适 。 


而 要 想 回 答 这 个 问题 ， 解 决 方式 也 只 有 一 个 ， 那 就 是 可 用 性 测试 。 我 们 根据 用 户 的 需求 来 提 
供 几 套 设 计 方 案 ， 然 后 把 设计 方案 制作 成 原型 ， 再 把 它们 展示 给 用 户 ， 看 看 他 们 的 看 法 是 怎样 的 。 
如 果 大 多 数 人 都 觉得 A 好 ， 那 么 就 是 A 了 。 


这 是 唯一 的 方式 。 
我 们 可 以 看 到 可 用 性 测试 的 几 个 好 处 : 





文 久 简 单 Its so easy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 








能 够 在 产品 正式 上 线 之 前 (而 不 是 之 后 ) 发 现 并 修复 错误 。 
设计 团队 能 够 专注 于 真实 问题 ， 而 不 是 自己 假设 的 问题 。 
设计 师 和 技术 人 员 能 够 专注 于 设计 和 开发 ， 而 不 是 相互 争论 。 
能 够 缩短 产品 的 开发 时 间 。 





另外 可 用 性 测试 还 有 一 点 好 处 ， 就 是 能 够 让 开发 人 员 相信 : 不 论 多 么 有 信心 的 设计 ， 经 过 用 
户 测试 就 肯定 能 发 现 还 有 一 些 问题 需要 纠正 。 很 多 设计 师 和 技术 人 员 从 心里 抵触 修改 的 建议 ， 其 
中 一 部 分 原因 是 出 于 修改 需要 花费 更 多 的 时 间 和 精力 ， 另 一 部 分 是 因为 一 种 看 法 ， 就 是 害怕 会 把 
现 问 题 的 责任 归咎 到 他 们 头 上 。 


但 实际 上 ， 你 要 记 住 下 面 这 句 话 : 


























可 用 性 测试 是 一 种 基本 的 开发 工具 ， 


它 不 是 评价 开发 人 员 的 手段 。 





在 可 用 性 测试 中 发 现 问题 是 正常 的 ， 如 果 没 有 任何 问题 倒 反 而 不 正常 。 很 多 在 一 开始 抵制 可 用 
性 测试 的 开发 者 在 经 历 了 几 次 测试 之 后 都 变 成 了 虔诚 的 信徒 ， 他 们 积极 寻找 机 会 测试 他 们 的 设计 ， 
从 而 获得 改进 的 反馈 。 


用 户 界面 设计 不 是 艺术 , 需要 神秘 的 创造 天 赋 , 在 灵感 激发 瞬间 的 火花 中 看 到 一 个 完美 的 结果 
这 种 设计 是 一 种 基于 科学 、 实 践 和 行业 标准 的 工程 学 科 ， 它 要 求 得 到 反馈 信息 ， 而 这 些 反 馈 必 须 
通过 对 用 户 的 观察 、 合 作 以 及 测试 来 得 到 。 


可 用 性 测试 可 以 说 是 一 种 很 基本 、 很 常见 的 开发 工具 ， 这 种 工具 存在 的 目的 就 是 为 了 找到 并 
解决 更 多 关于 可 用 性 方面 的 问题 ， 从 而 确保 尽 可 能 多 的 用 户 能 更 容易 地 接受 我 们 的 产品 。 


8.2 ” 几 个 要 注意 的 事实 
关于 可 用 性 测试 ， 我 认为 有 一 些 需要 注意 的 事实 。 


8.2.1 一 些 需 要 记 住 的 事实 
在 这 里 我 列举 了 一 些 关于 可 用 性 测试 方面 的 正确 认识 ， 理 解 它们 是 非常 重要 的 。 


给 its so easy 





可 用 性 


可 用 性 测试 不 是 软件 测试 


有 些 人 很 容易 就 把 可 用 性 测试 和 软件 测试 弄 混 。 这 是 因为 它们 都 是 测试 ， 针 对 的 对 象 都 是 有 
一 定 完成 度 的 产品 , 同时 也 都 需要 专门 的 测试 人 员 , 会 提交 完整 的 报告 。 它 们 都 是 一 种 工具 或 手段 ， 
目的 是 为 了 让 产品 的 错误 更 少 、 表 现 得 更 完美 。 


也 许 有 些 人 会 说 ,我 们 一 直 有 专门 的 软件 测试 团队 ， 他 们 工作 得 很 好 ， 所 以 我 们 不 需要 再 搞 
什么 可 用 性 测试 一 一 反正 看 上 去 它们 也 差不多 。 


但 毫 无 疑问 ， 可 用 性 测试 不 是 软件 测试 。 


e@ 在 软件 测试 中 ,一 定数 量 的 测试 人 员 不 停 地 操作 软件 完成 各 种 任务 。 重 点 在 于 程序 、 技 
术 和 录 辑 ， 目 的 是 为 了 检测 软件 是 否 能 够 实现 所 有 预期 的 功能 ， 以 及 寻找 BUG。 测试 人 
员 需 要 自己 记录 测试 结果 ， 然 后 提交 到 程序 人 员 手中 。 


@ 而 可 用 性 测试 中 ,测试 人 员 这 次 是 一 个 普通 的 用 户 (也 许 会 是 专家 ,但 他 们 也 会 让 自己 “ 扮 
演 ” 用 户 的 角色 )， 并 有 许多 (可 能 是 隐匿 的 ) 旁观 者 。 用 户 操作 产品 完成 各 种 任务 ， 他 
们 要 说 出 在 这 个 过 程 里 面 是 否 感觉 良好 。 有 专人 负责 记录 ， 可 能 还 需要 录音 和 录像 。 


软件 测试 是 针对 于 产品 本 身 质量 和 功能 的 评估 。 如 果 出 现 了 问题 ， 就 表示 产品 根本 不 过 关 。 没 
有 通过 
但 是 可 用 性 测试 更 注重 于 用 户 使 用 产品 时 的 感受 。 以 用 户 的 角度 ， 让 用 户 自己 来 对 软件 进行 评 


估 ， 侧 重点 在 于 可 用 性 和 良好 的 用 户 体验 。 也 许 不 经 过 可 用 性 测试 的 产品 也 能 够 推 放 到 市 场 ， 但 
是 如 果 使 用 起 来 不 方便 ， 用 户 的 口碑 也 不 会 好 到 哪里 去 。 


有 时 候 ， 一 个 网 站 可 能 不 需要 软件 测试 ， 例 如 纯 静 态 的 网 页 ， 不 会 存在 什么 程序 方面 的 问题 ， 
但 是 它 却 需要 可 用 性 测试 来 判断 浏览 者 是 否 在 网 站 中 感觉 舒适 和 轻松 。 这 是 一 种 偏向 于 感觉 意义 
上 的 评估 。 











可 用 性 测试 不 是 要 取代 质量 测试 ， 只 是 在 补充 和 增强 它们 。 
哪怕 只 测试 一 个 用 户 ， 也 比 不 做 测试 要 好 
只 要 进行 可 用 性 测试 ， 哪 怕 就 一 次 ， 你 也 会 得 到 很 多 收获 。 


想 想 你 为 之 工作 了 好 几 周 甚至 好 几 个 月 的 产品 。 你 对 它 了 解 得 太 多 了 ， 哪 怕 那 些 不 正常 的 地 方 
你 也 会 觉得 再 正常 不 过 。 这 可 以 说 是 另 一 种 意义 上 的 “习惯 ”思维 模式 。 但 是 用 户 和 你 不 同 ， 他 
们 没有 接触 过 这 个 产品 ， 他 们 能 以 一 种 正常 的 心态 ， 以 客观 的 眼光 来 体验 产品 。 


这 就 好 像 你 家 乡 的 风景 区 或 者 动物 园 。 也 许 你 从 小 到 大 去 过 不 下 50 次 了 , 你 对 它 再 熟悉 不 过 ， 





就 这 么 简单 tssoeasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








每 一 个 景点 、 每 一 种 动物 。 但 是 如 果 你 邀请 外 地 的 朋友 来 参观 ， 你 必然 会 发 现 一 些 平时 不 会 注意 到 
的 情况 ,或 者 他 们 会 提出 一 些 你 没有 发 现 过 的 好 玩 的 事情 一 一 哪怕 他 们 对 于 历史 或 动物 完全 是 白痢 。 
在 这 个 过 程 中 ， 你 会 意识 到 很 多 你 认为 理所当然 的 东西 ， 对 别人 来 说 却 并 非 如 此 。 


早点 测试 一 个 用 户 ， 好 过 最 后 测试 100 个 用 户 


很 多 人 都 有 一 种 错误 的 印象 ， 他 们 觉得 可 用 性 测试 应 该 在 网 站 或 软件 产品 几乎 就 要 发 行 面市 的 
时 候 进 行 。 这 有 两 方面 的 原因 : 


@ ”他 们 觉得 用 户 测试 很 复杂 
他 们 觉得 需要 大 量 的 准备 工作 、 招 募 测 试用 户 ， 还 需要 各 种 精细 的 测试 工具 和 设备 一 一 既然 这 
样 ， 不 如 在 最 后 来 一 次 大 的 ， 一 个 锅 摊 好 所 有 的 鸡蛋 ,一 了 百 了 。 


@ ”他们 觉得 用 户 测试 也 很 容易 
他 们 认为 测试 只 要 能 顺利 地 开始 和 进行 ， 就 可 以 很 容易 进行 修改 。 在 最 后 来 一 次 大 的 ， 把 问题 
都 挖掘 出 来 ， 只 要 发 现 问题 就 去 改正 ， 没 什么 大 不 了 的 。 


但 这 都 是 错误 的 理解 。 第 一 ， 用 户 测试 没 那么 复杂 。 关 键 是 ， 如 果 你 把 它们 想 得 很 复杂 ， 或 者 
设计 得 很 复杂 ， 你 就 不 愿意 尽早 进行 测试 ， 也 不 会 进行 充分 的 测试 。 如 果 没 有 充分 的 测试 ， 就 无 法 
从 中 获得 最 多 的 收益 。 早 点 开始 测试 ， 哪 怕 很 简单 ， 你 也 能 尽早 地 发 现 问题 ， 这 种 时 候 还 有 机 会 用 
得 上 这 些 测试 结果 进行 修改 。 它 非常 有 价值 。 


第 二 ， 用 户 测试 也 没 那 么 容易 。 一 个 锅 挫 好 所 有 的 鸡蛋 ? 那 就 意味 着 你 将 一 次 性 得 到 海量 的 测 
试 数据 。 研 究 这 些 数 据 可 没有 你 想象 的 那么 简单 。 


我 们 每 个 产品 都 进行 一 次 大 的 用 户 测试 。 
现在 研究 人 员 正在 对 付 那些 测试 后 的 数据 。 





就 这 人 么 简单 W eb 开发 中 的 可 用 性 和 用 户 体验 its s0 easy 





可 用 性 


第 三 ， 事 实 上 最 后 的 测试 对 于 待 发 布 产 品 的 影响 力 几 乎 为 零 。 在 这 个 时 候 所 有 人 都 非常 渴望 
发 布 产品 。 有 时候 一 些 经 理 在 这 种 时 候 雇佣 专家 来 评估 和 测试 ， 但 是 当 他 们 拿 到 了 评估 报告 和 改 
进 建议 后 ， 他 们 说 : “这 里 面 大 多 数 的 问题 我 们 都 没有 时 间 改 进 了 ， 非 常 感谢 你 的 报告 酬劳 当然 
会 照 付 。 再 见 ! ” 

而 且 对 于 网 站 来 说 ， 一 旦 它 已 经 投入 使 用 ， 再 要 想 改变 它 就 不 是 那么 容易 了 。 有 些 用 户 拒绝 
做 出 任何 变化 ， 即 使 很 小 的 变更 也 会 给 他 们 带 来 深远 的 影响 。 另 外 这 也 是 件 伤 筋 动 骨 的 事情 ， 想 
想 中 国电 信 更 换 logo 时 花费 了 多 少 人 民 币 ? 


“和 途 代 ” 的 测试 和 频繁 的 测试 
可 用 性 测试 不 是 做 一 次 就 可 以 了 ， 而 是 要 遵循 测试 -> 修改 -> 再 测试 的 循环 过 程 。 


Pa 


测 试 


-一 


用 户 在 测试 过 程 中 发 现 了 某 些 问题 ， 我 们 必须 要 回 到 设计 方案 阶段 对 这 些 问题 进行 修改 ， 并 
再 次 制作 修正 后 的 版 本 。 此 时 需要 再 次 展示 给 用 户 ， 让 他 们 进行 再 次 的 测试 和 评估 。 而 这 次 评估 
的 目的 有 两 个 : 一 是 检验 这 次 的 修改 是 否 合乎 要 求 ， 二 是 看 看 是 不 是 还 会 发 现 其 他 新 的 问题 。 如 
果 第 一 次 发 现 的 问题 已 经 修改 并 解决 了 ， 用 户 就 会 把 注意 力 放 在 其 他 方面 。 


测试 从 没有 “ 太 早 ” 这 一 说 ， 你 需要 在 每 个 阶段 对 每 个 目标 都 进行 测试 。 测 试 就 是 检验 ， 如 
果 每 一 次 检验 都 得 到 比较 好 的 结果 ， 那 么 就 能 确信 自己 始终 走 在 一 条 正确 的 道路 上 面 。 





@ ”正式 开发 之 前 
提供 一 些 初级 原型 ,以 此 来 确定 概念 设计 的 大 致 方向 。 这 个 时 候 由 于 不 是 一 个 精 雕 细 琢 的 设计 ， 
用 户 不 会 被 那些 细节 所 吸引 ， 从 而 可 以 把 注意 力 集中 在 那些 最 关键 的 部 分 。 


@ ”开发 过 程 中 

这 个 阶段 开始 制作 高 级 原型 并 且 不 断 地 根据 用 户 反馈 对 其 进行 修正 。 用 户 们 更 愿意 评论 一 些 看 
起 来 还 没有 完成 的 东西 ， 因 为 他 们 知道 你 还 没有 投入 太 多 ,所 以 愿意 大 胆 地 提出 一 些 意见 一 一 
你 还 有 机 会 进行 修改 。 





站 ZR 简 单 Its so easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 








@ ”开发 之 后 

此 时 再 进行 一 些 用 户 测试 为 发 布 之 前 清除 较 小 的 可 用 性 问题 提供 指导 。 有 时候 在 这 个 最 后 的 
阶段 也 会 暴露 出 一 些 “ 终 结 者 ”的 角色 , 它们 如 此 重要 , 以 至 于 必须 推迟 面市 的 时 间 进 行 修改 ， 
也 就 是 “ 跳 票 ”。 





有 些 人 可 能 会 认为 可 用 性 测试 很 耽误 时 间 一 一 开发 进度 本 来 就 很 紧张 ， 哪 里 还 有 时间 能 抽出 
来 做 测试 ? 但 其 实 只 要 测试 做 得 好 ， 你 便 能 节省 时 间 。 因 为 它 能 够 避免 设计 过 程 中 无 休止 的 争论 。 
而 且 最 关键 的 是 ， 这 样 能 够 确保 你 前 进 的 方向 始终 是 正确 的 ， 而 不 是 越 走 越 偏 。 它 避免 你 在 最 后 
去 返工 。 
测试 后 马上 回顾 测试 结果 

在 每 轮 测 试 之 后 ， 你 应 该 尽快 与 观察 者 和 被 观察 者 共同 检查 所 记录 的 笔记 和 其 他 数据 ， 同 时 
研究 细节 ， 并 且 找 出 那些 还 有 些 含糊 的 地 方 。 


这 是 因为 人 的 记忆 能 力 有 限 ， 也 许 很 多 当时 很 清楚 的 认识 在 第 二 天 就 模糊 不 清 了 。 而 且 ， 如 
果 只 测试 而 不 马上 回顾 ， 记 录 就 会 积累 得 越 来 越 多 ， 很 可 能 到 最 后 根本 没有 时 间 和 精力 去 在 那么 
多 数据 中 找到 你 想 要 的 。 


因此 , 一 旦 进行 了 测试 ， 开 发 团队 就 应 该 马上 进行 总 结 。 这 样 的 总 结 工作 包括 两 件 事 : 


@ ”把 问题 进行 分 类 

和 测试 用 户 一 起 回顾 看 到 的 问题 。 讨 论 问题 出 现 的 原因 ， 并 决定 哪些 问题 需要 修正 。 

@ ”解决 问题 

共同 讨论 修正 这 些 问 题 的 方法 。 

用 户 提出 的 看 法 和 他 们 碰 到 的 问题 其 实 非常 有 说 服 力 。 在 最 初 彼此 争论 互 不 相让 的 开发 团队 
成 员 会 发 现 ， 他 们 在 用 户 身上 能 够 统一 认识 。 同 时 ， 测 试 是 一 个 循环 迭代 的 过 程 ， 因 此 不 必 对 完 
美的 解决 方案 达成 一 致 ， 你 只 需要 确定 下 一 步 做 什么 就 可 以 了 。 
8.2.2 一 些 需 要 避免 的 认识 

此 外 我 们 还 需要 知道 一 些 惯常 的 误解 。 它 们 从 另 一 个 方面 说 明了 一 些 问题 ， 有 助 于 你 更 全 面 
地 认识 可 用 性 测试 。 
不 要 认为 可 用 性 测试 很 难 

可 能 你 会 有 这 样 的 疑问 : “我 没有 专业 的 知识 ， 有 能 力 完成 这 种 专业 的 测试 吗 ? ” 


简单 一 —W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 





革 ”测试 可 用 性 


其 实 很 少 人 知道 ,可 用 性 测试 容易 得 令 人 难以 置信 。 它 只 不 过 就 是 与 参与 测试 的 用 户 进行 沟通 ， 
循循善诱 就 行 了 。 也 许 确 实 有 些 人 会 比 另外 一 些 人 做 得 更 好 ， 但 是 我 从 来 没 见 过 一 次 可 用 性 测试 
没有 产生 有 用 结果 的 ， 不 管 它 进 行 的 有 多 么 精 糕 。 


测试 总 是 会 有 效果 ， 哪 怕 是 对 错误 的 用 户 做 的 最 糟糕 的 测试 ， 也 会 让 你 看 到 一 些 改善 可 用 性 





我 相信 这 次 测试 





不 要 认为 可 用 性 测试 总 是 非常 昂贵 

很 多 人 认为 可 用 性 测试 花费 昂贵 。 在 堆 满 精致 设备 的 专用 实验 室 里 ， 观 察 者 坐 在 半 詹 银 的 大 
镜子 后 面 做 着 笔记 ， 花 钱 专门 请 来 的 用 户 在 测试 间 里 面 对 着 至 少 两 台 摄像 机 ， 使 用 产品 的 第 N 个 
版 本 来 完成 某 个 任务 。 


但 这 是 十 几 二 十 年 前 的 可 用 性 测试 。 那 时 候 要 进行 这 种 科学 研究 确实 至 少 需要 花费 6 万 以 上 
人 民 币 。 在 今天 ,也 可 能 还 有 些 非常 严谨 的 实验 仍然 是 这 样 来 做 的 。 但 是 更 多 的 测试 已 经 花费 更 少 ， 
也 更 为 快捷 。 最 简单 的 可 用 性 试验 设备 就 是 一 台电 脑 和 一 个 安静 的 房间 。 


我 们 不 需要 太 专业 的 设备 。 现 在 的 小 型 家 用 数码 设备 完全 可 以 取代 以 前 笨重 的 仪器 。 至 于 聘请 
测试 用 户 的 费用 ， 你 也 可 以 通过 找 一 些 朋 友 代劳 来 节省 ， 而 酬劳 可 以 是 一 块 巧克力 或 者 一 件 T 恤 
衫 。 别 误会 ,我 没有 不 尊重 测试 用 户 的 意思 。 如 果 是 正常 意义 上 的 参与 者 ,你 应 当 付 给 他 们 酬金 ( 通 
常 是 数 百 元 人 民 币 )， 以 补偿 他 们 在 测试 以 及 路 途 往返 中 所 花费 的 时 间 和 精力 。 


另 一 方面 ， 跳 过 测试 并 不 能 真正 节省 费用 。 也 许 取消 了 可 用 性 测试 确实 能 够 节省 一 部 分 的 钱 ， 
但 是 把 公司 当 作 一 个 整体 来 看 就 不 是 这 样 了 。 不 做 测试 省 下 的 花 销 将 会 用 在 日 后 的 客户 支持 上 ， 
也 许 你 得 花 几 倍 甚至 更 多 的 钱 。 


在 开发 阶段 取消 测试 .就 意味 着 把 产品 拿 到 市 场 上 去 做 测试 。 那 个 时 候 哪 怕 很 微小 的 失误 也 





入 简 单 Its so easy 








一 Web 开发 中 的 可 用 性 和 用 户 体验 


可 能 会 让 你 所 有 的 开发 投入 都 打 了 水 漂 。 

关于 如 何在 可 用 性 测试 中 省 钱 ， 我 们 在 后 面 会 详细 地 讨论 。 
不 要 认为 可 用 性 测试 是 表层 问题 

相当 一 部 分 关于 用 户 界面 的 误解 ， 集 中 在 认为 “用 户 界 面 就 是 





美术 设计 和 软件 表层 的 方面 "。 这 些 人 认为 可 用 性 测试 只 能 发 现 一 b 0 bp 4 
些 表层 的 问题 ， 例 如 对 话 框 的 布局 、 按 钮 的 位 置 和 颜色 等 等 。 这 些 ( 0 
问题 都 很 好 解决 。 打 了 水 漂 的 钱 可 是 收 不 回来 的 。 


但 实际 上 ， 可 用 性 测试 是 一 个 深层 次 的 问题 ， 可 能 会 带 来 产品 的 重新 设计 或 者 结构 的 整体 
改变 。 

受到 之 前 那 种 错误 思想 的 束缚 ， 有 很 多 经 理 们 在 看 到 真正 的 可 用 性 评估 报告 后 ， 会 感觉 奇怪 和 
头疼 。 他 们 会 感到 好 像 触 摸 到 什么 很 深 、 很 黑暗 的 东西 ， 隐 约 感到 将 要 付出 相当 的 代价 才能 做 到 
真正 的 改进 。 而 这 让 他 们 很 难 去 接受 。 这 能 够 解释 为 什么 很 多 经 理 在 进行 了 可 用 性 测试 之 后 ， 却 
并 不 打算 解决 发 现 的 主要 问题 。 


还 有 一 些 设计 师 和 技术 人 员 拒 绝 做 某 些 用 户 界面 的 改进 工作 ， 托 辞 是 没有 时 间 ， 但 同时 他 们 
却 在 改进 图 片 和 铃声 ， 因 为 他 们 觉得 这 个 更 “ 酷 ” 更 好 玩 。 然 而 在 产品 本 身 可 用 性 没有 得 到 提高 
的 前 提 下 ， 任 何 有 关 “ 皮 毛 ” 的 修改 都 没有 多 大 意义 。 

不 要 认为 测试 是 要 去 “证 明 ” 什 么 

有 些 设计 师 和 技术 人 员 ， 包 括 他 们 的 经 理 ， 认 为 做 可 用 性 测试 是 要 “证 明 ” 用 户 界面 的 完美 。 
这 些 人 并 不 了 解 可 用 性 测试 。 他 们 对 自己 设计 并 开发 的 产品 非常 自信 ， 根 本 就 不 认为 可 用 性 测试 
能 够 找 出 有 关 产 品 的 任何 问题 。 

在 这 种 心态 下 ， 即 使 有 问题 出 现 ， 他 们 也 不 会 花 哪怕 一 丁点 时 间 去 解决 。 

这 是 因为 ， 他 们 觉得 如 果 测 试 的 结果 与 预期 的 相 韦 背 ， 那 么 肯定 就 是 测试 本 身 出 现 了 间 题 : 
要 么 就 是 测试 没有 设计 好 ， 要 么 就 是 参与 测试 的 那些 用 户 太 昌 蠢 。 

其 实 这 背后 还 有 更 深层 次 的 原因 ， 就 是 他 们 害怕 出 现 问题 ， 认 为 出 现 了 问题 就 表示 自己 没有 
做 好 ， 因 此 他 们 拒绝 任何 问题 。 但 这 同样 也 是 错误 的 。 我 们 在 之 前 就 已 经 谈 到 ， 可 用 性 测试 与 评 
价 开发 人 员 的 水 平 毫 无 干系 。 

不 要 仅仅 测试 ， 却 不 纠正 发 现 的 问题 
这 看 上 去 好 像 是 一 名 废话 一 一 仅仅 测试 可 用 性 是 不 够 的 ， 我 们 当然 要 对 测试 中 暴露 的 问题 进 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 ts so easy 


测试 可 用 性 





行 修改 和 纠正 ， 否 则 测试 有 什么 用 ? 


但 是 这 却 是 个 很 常见 的 情况 。 我 见 过 很 多 团队 在 开发 周期 预算 的 时 候 ， 根 本 就 没有 考虑 改进 
可 用 性 所 要 花费 的 时 间 。 而 即使 他 们 考虑 了 这 个 问题 ， 也 顶 多 估计 为 大 概 一 到 两 个 工作 日 。 


造成 这 种 情况 可 能 有 两 个 方面 的 原因 : 


@ 不 得 已 才 做 测试 
有 些 开 发 经 理 安排 可 用 性 测试 ， 仅 仅 只 是 因为 它 是 公司 开发 流程 中 的 一 个 强制 执行 的 环节 。 他 
想 做 的 只 是 保证 这 个 步骤 已 经 执行 了 ， 但 并 不 关心 评估 的 结果 。 


@ ”他 们 认为 改进 很 简单 


这 有 点 类 似 把 可 用 性 问题 当成 是 表面 问题 。 他 们 觉得 整个 产品 的 程序 和 架构 都 已 经 成 熟 了 ， 要 
改 的 只 有 一 些小 的 局 部 ， 那 不 需要 多 大 功夫 。 










张 开 你 的 口 …*… 
行 了 ， 测 试 完毕 。 


某 个 医院 软件 产品 的 可 用 性 测试 


这 种 不 负责 任 的 决策 所 导致 的 问题 就 是 ， 尽 管 会 发 现 很 多 问题 ， 但 是 你 在 匆忙 中 根本 无 法 根 
据 测试 结果 和 反馈 意见 做 出 有 针对 性 的 良好 改进 ， 导 致 可 用 性 测试 最 后 其 实 成 了 一 纸 空谈 。 


8.3 测试 的 前 期 准备 
没有 前 期 的 充分 准备 ， 谈 不 上 开始 测试 。 这 就 好 像 你 不 去 买 牛肉 就 做 不 出 牛 扒 。 


如 果 你 现在 想 看 看 自己 做 牛 扒 的 水 平 怎么 样 ， 你 会 需要 些 什么 ? 首先 你 需要 有 个 厨房 (哪怕 
很 简陋 ， 没有 抽 油 烟 机 )， 然 后 你 得 有 灶 和 前 锅 ， 而 且 你 需要 几 个 愿意 品尝 你 手艺 的 人 。 当 然 ， 很 
重要 的 还 有 厨师 自己 一 一 你 要 站 在 一 旁 仔细 揣摩 食客 们 对 牛 失 的 反响 到 底 如 何 。 








我 们 分 别 来 看 看 这 些 准 备 工作 如 何 安排 。 
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一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


8.3.1 测试 的 地 点 和 设备 

可 用 性 测试 需要 一 个 专门 的 空间 ， 以 及 必要 的 设备 。 我 之 前 提 到 能 够 让 测试 变 得 更 加 省 钱 和 
快捷 ， 但 首先 还 是 来 看 看 最 正规 的 可 用 性 测试 需要 些 什么 一 一 没准 你 的 公司 有 能 力 而 且 正好 需要 
这 些 玩意 。 
最 正式 和 最 精良 的 装备 

一 个 完整 的 可 用 性 实验 室 由 两 个 房间 组 成 : 实验 室 和 观察 室 。 这 两 个 房间 之 间 是 一 面 单 向 透 


光 的 镜子 ， 而 且 墙 壁 是 隔音 材料 。 一 般 来 说 观察 宝 墙壁 通常 是 深 色 (确保 不 会 透 到 镜子 那 边 去 )。 
我 们 在 国外 大 片 中 经 常 能 看 到 警 局 里 这 样 的 装置 (很 有 个 性 的 罪犯 会 故意 对 着 镜子 做 鬼脸 ) 。 





参加 测试 的 用 户 在 实验 室内 的 计算 机 上 使 用 被 测试 的 产品 、 软 件 或 网 站 ， 观 察 者 们 坐 在 观察 
室 里 进行 观察 、 记 录 ， 有 时 候 也 会 讨论 。 隔 音 的 镜子 和 墙 保证 用 户 不 会 被 干扰 。 必 要 的 时 候 他 可 
以 通过 麦克 风 和 观察 者 交谈 。 也 有 些 时 候 会 有 一 个 测试 引导 人 与 用 户 一 起 坐 在 实验 室 里 ， 由 引导 
人 根据 事先 的 安排 来 主导 测试 的 进行 。 





观察 室 实验 室 


实验 室 中 的 计算 机 连接 着 两 台 显示 器 。 显 示 器 A 放 在 用 户 面前 ， 显 示 器 B 则 放 在 观察 室 。A 和 
B 显示 的 内 容 是 同步 的 。 测 试用 户 进行 操作 和 交互 的 全 部 细节 都 同时 显示 在 这 两 台 显示 器 上 。 


此 外 ， 在 实验 室 会 有 一 部 可 以 遥控 的 摄像 机 A， 用 于 记录 用 户 桌面 上 的 键盘 和 鼠标 动作 。 你 通 
常 还 会 看 到 第 二 部 摄像 机 B， 用 来 对 准 用 户 的 脸 ， 观 测 他 的 面部 表情 。 也 许 还 会 有 更 多 摄像 机 。 


实验 室 里 面 的 麦克 风 和 摄像 机 所 接收 到 的 信号 被 传送 到 观察 室 里 。 有 时 候 用 户 计算 机 显示 器 上 
的 信号 ,会 连同 声音 和 摄像 数据 一 块 被 转录 到 录像 带 上 进行 保存 。 这 需要 通过 一 个 扫描 转换 器 处 理 。 


此 外 , 可 能 在 观察 室 还 有 一 台 计算 机 , 用 于 方便 观察 者 们 输入 观测 记录 , 例如 用 户 的 评论 、 动 作 、 


就 这 么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 





革 ”测试 可 用 性 


表情 和 相对 应 的 时 间 。 











大 概 就 是 这 么 多 。 虽 说 现在 这 种 实验 室 并 不 是 测试 的 必要 条 件 ， 但 “ 工 欲 善 其 事 ， 必 上 先 利 其 
器 "， 一 个 装备 完善 的 可 用 性 实验 室 可 以 帮助 你 更 多 地 进行 可 用 性 测试 一 一 既然 提供 了 这 样 一 个 一 
流 的 地 方 ， 想 怎么 做 都 可 以 。 而 且 ， 一 个 设备 精良 、 体 现 出 高 科技 和 财力 水 平 的 实验 室 ， 将 非常 
有 利于 提升 公司 的 形象 。 想 想 看 .我们 公司 是 多 么 重视 产品 可 用 性 一 一 而 且 , 它 比较 含蓄 地 证 明 一 一 
我 们 公司 是 多 么 有 钱 。 





这 种 装备 精良 的 可 用 性 实验 室 造价 大 概 需要 花费 6 到 15 万 元 人 民 币 。 


也 许 有 点 贵 ? 而 且 它 看 上 去 更 像 某 种 庞然大物 , 高 科技 的 尖端 产品 , 至 少 需要 两 到 三 人 的 协作 、 
周密 的 安排 ， 以 及 复杂 的 操作 和 控制 。 但 是 总 有 别 的 办 法 。 人 们 总 有 新 的 办 法 来 解决 问题 。 
你 也 可 以 优化 和 精简 

我 们 可 以 直接 举 出 最 “极端 "的 简化 方案 。 你 可 以 根据 实际 情况 (金钱 和 人 员 配 置 ) 来 加 以 权衡 ， 
看 看 在 哪些 地 方 可 以 简化 ， 哪 些 地 方 又 可 以 稍稍 偏向 于 标准 一 些 。 这 个 天 平 掌握 在 你 自己 手 里 。 


@ ”关于 实验 室 
两 个 单独 隔 开 的 房间 是 有 必要 的 ， 如 果 在 众 目 眶 瞬 之 下 做 某 件 事情 ， 而 且 还 是 自己 很 不 熟悉 
的 事情 《如果 他 很 熟悉 ， 那 就 表明 你 该 换 一 个 人 )， 任 何人 都 会 非常 紧张 。 


但 是 没 必要 特意 去 开辟 一 个 中 间 有 单 向 玻璃 的 专用 实验 室 。 任 何 一 间 办 公 室 或 者 会 议 室 都 能 
开始 测试 ， 引 导 人 和 用 户 坐 在 一 起 ， 而 其 他 观察 员 坐 在 附近 另 一 间 办 公 室 里 。 他 们 在 那里 怎 
么 讨论 都 没关系 。 

有 时 候 甚 至 可 以 让 引导 人 兼职 观察 员 的 角色 ， 尤 其 是 对 于 网 站 这 种 并 不 复杂 的 测试 。 这 样 第 
二 间 办 公 室 也 不 需要 了 。 


一 个 安静 的 会 议 室 或 者 办 公 室 就 足够 了 。 所 以 这 项 花费 为 0 元 。 


今天 的 家 族 会 议 就 开 到 这 里 。 等 会 他 们 
要 在 这 里 做 测试 。 
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一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


@ ”关于 两 台 显示 器 
实验 室 和 观察 室 需 要 靠近 的 唯一 原因 在 于 ， 测 试用 户 使 用 的 计算 机 需要 两 台 显示 器 ， 而 显示 
器 的 连接 线 一 般 不 会 很 长 。 


但 双 显 示 器 并 不 是 必需 的 。 观 察 室 里 的 显示 器 无 非 就 是 要 同步 显示 用 户 的 操作 屏幕 ， 你 通过 
远程 桌面 连接 完全 能 达到 这 一 目的 。 或 者 也 可 以 利用 一 些 软件 来 实现 屏幕 共享 ， 例 如 微软 的 
NetMeeting， 也 许 还 有 其 他 一 些 更 好 的 软件 。 


双 显 示 器 并 不 花 什么 钱 ， 但 是 你 完全 可 以 避免 这 其 中 产生 的 麻烦 。 这 一 项 的 花费 同样 也 是 0 
元 。 


@ ”关于 摄像 机 和 麦克 风 
摄像 机 用 于 录制 用 户 与 硬件 的 交互 操作 ， 例 如 键盘 和 鼠标 。 此 外 还 有 他 的 面部 表情 。 如 果 有 
摄像 机 ， 它 就 能 录音 ， 那 么 麦克 风 也 不 需要 了 。 

















如 果 你 没有 这 么 多 预算 ， 你 完全 可 以 找 人 借 一 部 数码 DC。 也 许 你 自己 家 里 就 有 。 


我 认为 摄像 机 并 不 十 分 必要 。 用 户 面 对 着 摄像 机 时 可 能 感觉 不 太 自在 ， 而 且 网 站 或 者 Web- 
based 软件 不 是 什么 新 奇特 殊 的 交互 设备 ， 一 般 来 说 没有 多 大 必要 记录 他 们 与 计算 机 的 交互 过 
程 。 如 果 有 什么 特殊 的 情况 发 生 (例如 快捷 键 很 难 使 用 )， 引 导 人 很 轻易 就 能 发 现 。 另 一 方面 ， 
录像 会 让 整个 测试 变 得 更 复杂 。 

如 果 你 坚持 希望 同时 看 到 用 户 的 表情 ， 也 有 更 节省 的 办 法 一 一 买 一 个 小 摄像 头 。 把 它 放 在 显 
示 器 上 对 准 用 户 ， 观 察 员 哪 怕 用 QQ 这 样 的 软件 也 能 同步 监测 。 


如 果 你 的 录像 设备 不 支持 录音 ， 那 么 就 可 能 需要 录音 设备 。 但 没 必要 使 用 专门 的 麦克 风 ， 这 
不 是 在 录制 唱片 。 现 在 市 场 上 几乎 所 有 的 便携 式 笔记 本 电脑 都 有 拾 音 孔 ,如 果 你 觉得 这 还 不 够 ， 
买 一 个 耳麦 也 行 。 或 者 把 你 那个 带 录音 功能 的 MP3 拿 来 暂 用 一 下 。 





那么 ， 你 需要 买 一 个 摄像 头 ， 一 个 耳麦 。 费 用 不 会 超过 200 元 (好 吧 ， 你 希望 要 SONY 或 者 
SHARP 的 原装 货 ，800 元 也 足够 了 )。 


@ ”关于 录像 机 

录像 机 用 于 合成 测试 过 程 中 显示 器 、 摄 像 机 和 麦克 风 捕 捉 的 信号 ， 并 且 把 它们 转录 成 录像 带 
以 供 存档 。 显 示 器 的 信号 数据 需要 通过 一 个 扫描 转换 器 处 理 后 才能 被 记录 。 

关于 这 一 点 没什么 好 说 的 。 如 果 你 的 计算 机 有 足够 大 的 硬盘 ， 完 全 可 以 把 那些 声音 和 视频 数 
据 直 接 存 储 在 计算 机 里 。 根 本 用 不 着 录像 机 。 
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可 用 性 


记 本 电脑 甚至 自 带 摄像 关 和 麦克 风 。 


哪怕 你 穷 得 揭 不 开锅 ， 也 有 适合 你 的 可 用 性 测试 。 找 一 个 其 他 部 门 的 同事 ， 让 他 坐 在 电脑 前 
使 用 产品 。 你 同样 也 能 发 现 问题 。 用 不 着 摄像 头 和 耳麦 ， 你 需要 的 只 是 一 支 铅笔 和 笔记 本 。 


8.3.2 ”测试 用 户 的 招募 


牛 扒 现在 端 到 了 餐 旧 上 ， 你 需要 几 个 人 来 对 它 做 出 评价 。 只 去 高 档 餐 厅 吃 法 国 牛 扒 的 人 可 能 
不 太 合适 ， 他 们 的 口味 可 能 已 经 被 惯 坏 了 ; 那些 从 没 吃 过 牛 扒 的 人 也 不 太 合适 ， 他 们 的 意见 没有 
可 对 比 性 。 


对 于 可 用 性 测试 来 说 ， 正 确 选择 参与 测试 的 用 户 同样 是 一 个 问题 。 你 不 能 随便 拉 几 个 人 来 就 


完事 。 
测试 用 户 的 选择 


对 于 可 用 性 测试 ， 我 们 必须 选择 有 代表 性 的 用 户 。 他 们 应 该 能 代表 产品 现 有 的 和 六 在 的 目标 
用 户 群 体 。 你 可 以 从 参加 者 的 专业 知识 、 计 算 机 经 验 和 对 产品 的 熟悉 程度 来 进行 选择 。 


@ 。 用户 是 否 了 解 必要 的 专业 知识 ? 

有 些 产品 是 为 专业 人 士 设计 的 ， 例 如 一 些 网 络 财会 软件 ， 或 者 保险 公司 的 专用 在 线 系统 。 找 
一 些 对 这 些 产 品 相关 知识 一 穿 不 通 的 人 来 做 测试 几乎 是 没有 意义 的 。 而 另外 一 些 产品 则 没有 
专业 知识 要 求 ， 例 如 门户 网 站 。 


@ 用 户 的 计算 机 经 验 如 何 ? 

如 果 参 加 测试 者 的 计算 机 知识 过 于 贫乏 ， 可 用 性 测试 就 会 变 成 用 户 学 习 使 用 计算 机 的 测试 。 这 
应 该 由 那些 硬件 厂商 来 做 。 另 一 方面 ， 普 通用 户 和 程序 员 对 软件 的 理解 会 很 不 一 样 ， 他 们 彼 
此 的 测试 结果 也 会 不 一 样 。 


@ 用 户 对 产品 的 熟悉 吗 ? 
没有 使 用 过 或 是 很 少 使 用 被 测试 的 产品 的 人 属于 新 用 户 。 多 次 使 用 而 且 对 产品 非常 熟悉 的 人 
属于 熟练 用 户 。 而 大 多 数 用 户 则 介 于 这 两 者 之 间 。 


对 新 用 户 进 行 测试 ， 你 会 发 现 产品 的 易学 性 和 易 记 性 方面 的 问题 ; 对 熟练 或 半熟 练 用 户 的 测 
试 则 能 发 现 有 关 产 品 可 用 性 、 效 率 和 用 户 体验 方面 的 问题 。 这 都 很 重要 。 


此 外 还 有 其 他 一 些 需要 考虑 的 因素 ， 例 如 参加 者 的 性 别 和 年 龄 等 等 。 你 需要 针对 目标 用 户 群 
体 进 行 分 析 ， 确 保 参 加 者 能 相对 平衡 地 代表 所 有 目标 用 户 。 
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另 一 方面 ， 由 于 合适 的 测试 对 象 数量 少 、 工 作 繁忙 或 者 索 价 太 高 等 原因 ， 你 有 时 候 会 发 现 很 
难 请 到 那些 最 有 代表 性 的 用 户 参 加 测试 。 例 如 某 个 专业 领域 的 产品 需要 咨询 那些 专家 的 意见 ， 但 
他 们 总 是 很 忙 ， 或 者 不 居于 参加 测试 。 这 确实 是 个 很 令 人 头疼 的 问题 。 





一 您 的 意思 是 参加 测试 需要 5 位 数 的 酬金 ? 
一 现在 博士 参加 测试 都 这 个 价 。 


这 并 不 意味 着 可 用 性 测试 就 无 法 进行 。 我 们 可 以 考虑 采用 一 些 办 法 来 克服 这 些 困 难 。 


@ 。 有些 问题 并 不 需要 行业 专家 来 测试 

并 不 是 所 有 的 产品 都 需要 专家 来 测试 。 网 站 之 类 的 产品 就 不 用 说 了 ， 即 使 是 一 个 农林 反 病 虫 
害 控制 系统 ， 不 是 农药 施放 管理 员 也 照样 可 以 测试 里 面 的 电子 地 图 定位 模块 。 或 者 一 个 机 场 
调度 的 管理 系统 ， 你 也 不 需要 一 个 真正 的 调度 员 来 测试 里 面 的 表格 和 控件 是 否 能 正常 工作 。 


@ ”即使 需要 专家 ， 也 可 以 降低 一 些 要 求 

你 可 以 请 一 些 近似 于 专家 的 人 来 代替 专家 。 这 些 人 索 价 更 低 ， 也 不 会 总 是 忙 得 抽 不 开 身 。 例 
如 你 可 以 请 计算 机 系 的 学 生来 代替 专业 程序 员 ， 实 习 生 代替 正式 职员 ， 助 教代 替 教 授 ， 经 理 
代替 总 裁 。 这 些 近 似 于 专家 的 人 一 样 有 很 高 的 专业 性 。 


@。 非 要 专家 不 可 的 时 候 

在 这 种 山 穷 水 尽 的 时 候 你 只 能 去 邀请 他 们 。 坦 白 说 ， 这 可 能 意味 着 需要 更 多 的 付出 ， 例 如 咨 
询 费用 。 但 是 ， 如 果 你 能 让 那些 专家 觉得 这 个 产品 对 他 们 来 说 有 很 重要 的 意义 ， 会 对 他 们 的 
工作 或 研究 产生 好 的 影响 ， 他 们 也 许 会 很 愿意 参与 测试 。 








疝 单 Web 开 发 中 的 可 用 性 和 用 户 体验 ltg so easy 


测试 可 用 性 





究竟 每 次 应 该 测试 多 少 用 户 ? 
谁 能 说 明 要 测试 多 少 个 用 户 才 算是 一 次 充分 的 测试 ? 20 个 ? 50 个 ? 


别 想 得 那么 恐怖 。 看 看 Jakob Nielson 博士 的 这 张 经 典 的 图 表 。 它 标明 了 参与 测试 的 用 户 与 发 
现 可 用 性 问题 之 间 的 数量 关系 。 


50% 





25% 


能 找到 的 可 用 性 问题 数量 





0% 


参与 测试 的 用 户 数量 


忽略 其 他 的 数据 吧 ， 看 看 我 们 的 结论 : 


有 5 名 用 户 参与 的 测试 ， 将 能 发 现 85% 的 可 用 性 问题 。 


事实 也 确实 是 这 样 。 一 次 测试 4 到 6 名 用 户 就 足够 了 。 这 是 因为 : 


@ ”哪怕 是 100 名 用 户 ,也 不 可 能 找 出 所 有 的 问题 。10 名 以 上 的 用 户 测试 将 会 耗费 更 多 的 时 间 ， 
相应 的 也 提高 了 测试 的 成 本 。 而 且 时 间 、 精 力 和 金钱 的 过 度 付 出 将 很 难保 证 我 们 再 次 进行 
下 一 轮 测试 。 

@ ”如 果 有 5 名 用 户 参与 测试 ， 他 们 可 能 会 发 现 80% 的 问题 。 在 你 修正 了 这 些 问 题 之 后 ， 他 
们 在 下 一 轮 测试 中 将 发 现 剩 下 20% 里 面 的 80%。 第 三 轮 测试 将 继续 这 个 比例 。 这 是 一 道 
很 简单 的 数学 题 。 


@ 没有 过 多 用 户 参加 的 测试 周期 短 ， 有 助 于 在 一 天 内 完成 并 总 结 。 你 能 够 马上 利用 刚刚 得 到 
的 结果 一 一 趁 它 们 还 比较 新 鲜 。 如 果 一 次 测试 更 多 的 用 户 ， 你 将 得 到 更 多 的 笔记 ,没有 时 
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间 处 理 。 


绝 大 多 数 的 可 用 性 测试 都 是 定性 研究 ， 而 不 是 定量 研究 。 定 量 研究 需要 相当 大 的 样本 量 才能 达 
到 一 定 的 可 信和 度 和 有 效 度 ， 它 涉及 测量 ， 表 现 为 数值 、 表 格 或 图 形 ， 用 于 统计 的 目的 。 例 如 ， 你 
可 以 通过 定量 研究 得 知 全 国有 多 少 比例 的 人 是 天 天 上 网 。 


而 定性 研究 得 到 的 只 是 描述 性 的 结论 。 只 要 在 用 户 测试 中 有 一 部 分 人 发 现 了 某 个 问题 ， 那 么 
这 个 问题 就 应 当 解决 。 


我 在 这 里 总 结 出 几 个 关于 测试 用 户 数量 的 常见 问题 ， 它 们 很 能 说 明 情况 。 


@ ”我 能 不 能 争取 一 次 就 找到 所 有 的 可 用 性 问题 ? 
很 遗憾 ， 你 不 可 能 在 一 轮 测 试 中 发 现 所 有 的 问题 。 问 题 不 是 站 在 那里 等 你 去 发 现 的 。 它 们 存 
在 于 一 定 的 情境 当中 ， 而 且 有 些 问题 会 “埋藏 ”在 另 一 些 问题 的 下 面 。 


例如 ， 要 想 完成 任务 C， 用 户 必 须 先 完成 任务 A。 但 是 用 户 未 能 顺利 完成 任务 A， 怎 么 办 ? 要 
么 他 在 引导 人 的 帮助 下 完成 任务 A 后 进入 任务 C ,要么 他 不 做 任务 A, 直 接 被 引导 人 带 到 任务 C。 
而 这 两 种 方式 都 会 影响 任务 C 的 真实 情况 ， 而 错过 它 存在 的 问题 。 所 以 ， 要 想 发 现任 务 C 存 
在 的 问题 ， 就 必须 得 先 解决 任务 A 中 存在 的 问题 。 


@ ”多 几 个 人 参与 测试 ， 会 不 会 就 能 发 现 更 多 的 问题 ? 

还 是 很 遗憾， 你 发 现 不 了 更 多 的 问题 。 在 测试 完 5 到 6 个 用 户 之 后 ， 你 将 发 现 只 是 在 看 着 更 
多 的 用 户 在 同样 的 位 置 出 现 同样 的 错误 。 这 个 时 候 人 们 发 现 重要 问题 的 几率 已 经 比较 低 了 ,或 
者 说 测试 的 效率 已 经 比较 低 一 一 记 住 ， 有 些 问 题 是 掩藏 在 其 他 问题 之 下 的 ， 必 须 先 解 决 某 些 
问题 才能 发 现 更 多 的 问题 。 


@ 多 些 人 参与 测试 ， 我 是 否 能 发 现 问题 出 现 的 几率 ? 

之 前 已 经 提 到 ， 可 用 性 测试 作为 定性 研究 无 法 得 出 这 样 的 推论 ， 而 且 进行 可 用 性 测试 并 不 是 
为 了 得 到 什么 几率 。 关 键 是 ， 在 4 个 人 出 现 了 同样 的 问题 后 ， 还 有 必要 去 知道 有 多 少 比例 的 
人 会 在 这 里 犯错 吗 ? 问题 已 经 出 现 了 ， 你 需要 做 的 就 是 想 办 法 解决 这 个 问题 ， 而 不 是 统计 有 
多 少 人 犯 了 这 个 错 。 


@ 我 的 时 间 少 ， 资 源 有 限 ， 只 测试 三 个 人 行 不 行 ? 

可 用 性 测试 就 是 要 发 现 并 解决 问题 。 测 试 三 个 人 能 不 能 发 现 问 题 ? 可 以 。 那 么 ， 尽 管 去 
测试 这 三 个 人 好 了 。3 个 人 的 测试 和 6 个 、8 个 人 的 测试 ， 仅 仅 是 发 现 问题 的 数量 上 的 
差异 。 我 们 不 仅 赞成 ， 而 且 非 常 鼓励 这 样 规 模 小 ， 周 期 短 的 测试 。 但 是 有 一 条 ， 别 只 测 
试 这 一 次 。 
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测试 可 用 性 





一 次 测试 8 到 10 位 用 户 
第 1 轮 第 4 轮 


如 果 有 8 名 用 户 ， 也 许 在 一 
开始 他 们 发 现 的 问题 会 稍微 
是 某 些 问题 不 解决 其 他 问 
题 总 是 发 现 不 了 


假设 每 位 用 户 的 报酬 是 150 元 ， 那 么 进行 4 次 测试 的 费用 需要 : 
(8x150)x4=4800 元 


一 次 测试 3 位 用 户 





第 2 轮 第 7 轮 


第 1 轮 
但 如 果 解 决 了 上 次 发 现 的 问 
3 名 用 户 一 开始 可 能 不 会 发 现 题 后 ， 他 们 便 能 够 注意 到 其 
那么 多 问题 他 问题 


进行 7 次 测试 的 费用 需要 : 
(3x150)x7=3150 元 


不 难看 出 ， 进 行 7 次 3 位 用 户 的 测试 ， 不 仅 比 4 次 8 位 用 户 测试 的 开销 小 ， 而 且 能 发 现 更 多 
的 问题 。 


我 的 结论 是 ， 关 于 测试 用 户 数量 的 问题 ， 解 答 的 关键 不 在 于 某 一 次 需要 几 个 人 ， 而 在 于 是 否 
能 够 多 进行 几 次 测试 。 你 应 该 争取 在 每 次 发 现 问题 并 修正 之 后 ， 再 来 一 次 测试 ， 就 能 发 现 更 多 的 
问题 。 


换 句 话说 , 不 管 你 一 次 能 招募 几 个 用 户 进行 测试 , 前 提 是 必须 保证 不 会 因此 而 减少 测试 的 次 数 。 
测试 用 户 的 数量 可 以 取决 于 你 的 预算 经 费 ， 但 是 测试 的 次 数 则 不 行 。 


如 何 招募 用 户 ? 
我 们 现在 知道 了 测试 用 户 的 大 致 范围 以 及 数量 要 求 。 那 么 如 何 招募 他 们 呢 ? 


那些 对 于 用 户 没 有 特殊 要 求 的 产品 ， 例 如 门户 网 站 ， 或 者 某 个 在 线 文字 处 理 系统 ， 我 们 
可 以 邀请 身边 的 同事 、 邻 居 或 亲友 参与 可 用 性 测试 ， 因 为 他 们 能 够 代表 大 多 数目 标 用 户 。 也 
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its so easy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





可 以 说 ,这些 产品 所 面向 的 就 是 所 有 人 ， 在 很 多 情况 下 ， 你 既 要 满足 专家 的 要 求 ， 也 要 满足 
新 手 的 要 求 。 如 果 你 的 母亲 也 能 使 用 的 话 ， 专 家 就 能 使 用 。 专 家 不 会 介意 对 初学 者 来 说 很 清 
楚 的 界面 。 


但 是 ， 如 果 要 测试 的 产品 几乎 只 由 某 一 类 用 户 使 用 (例如 某 个 股票 在 线 交易 网 站 ,或 者 防火 
控制 管理 系统 )， 你 就 必须 认真 考虑 如 何 才 能 找到 这 些 真 正 的 用 户 。 


招募 这 种 测试 参与 者 的 办 法 大 致 有 两 种 : 通过 专业 咨询 机 构 ， 或 者 建立 自己 的 用 户 数据 库 。 


@ 通过 专业 机 构 招募 

这 里 指 的 是 人 才 交 流 中 心 和 猎头 公司 。 这 些 机 构 都 会 有 自己 的 人 才 数 据 库 ， 他 们 的 网 站 也 能 
帮助 很 多 公司 招募 临时 或 兼职 的 职员 。 只 要 你 给 出 参与 者 的 背景 要 求 ， 他 们 很 快 就 能 找到 相 
应 的 人 。 


但 是 ， 这 些 机 构 通常 是 为 公司 寻找 雇员 而 设立 的 ， 所 以 如 果 对 测试 者 的 要 求 过 于 特别 ， 这 种 寻 
找 就 会 不 太 方 便 。 例 如 他 们 可 以 找到 某 个 在 线 视频 网 站 的 用 户 ,但 是 要 找 一 些 曾经 使 用 过 你 1.0 
版 本 的 人 就 很 困难 。 


另外 ， 如 果 背 景 要 求 跟 工作 经 验 没有 多 大 关系 ， 这 些 机 构 也 会 无 能 为 力 。 例 如 我 们 的 在 线 游 
戏 网 站 需要 测试 者 不 光 英 语 好 ， 还 得 玩 过 桌面 RPG。 


@ ”或 者 自己 来 干 
另 一 种 方式 就 是 公司 建立 自己 的 用 户 数据 库 。 这 样 会 更 贴近 公司 产品 自身 的 特点 。 


这 种 方法 就 是 , 列 出 对 测试 者 的 背景 要 求 , 例如 年 龄 ,计算 机 的 使 用 年 限 、 对 产品 的 熟悉 度 等 等 ， 
然后 把 它们 转化 为 一 个 问卷 ， 通 过 电子 邮件 或 其 他 形式 分 发 出 去 。 


放 在 公司 网 站 上 供 人 在 线 回答 也 是 个 好 办 法 。 在 微软 、IBM 和 Adobe 公司 的 网 站 上 我 们 都 能 
很 容易 地 找到 类 似 的 可 用 性 参加 者 问卷 。 


通过 回收 问卷 收集 到 的 资料 就 能 组 成 用 户 数据 库 。 既 然 主 动 回答 了 问卷 ， 就 代表 很 感 兴趣 ， 那 
么 邀请 他 们 就 不 会 有 问题 。 


找到 了 用 户 后 ， 就 可 以 向 他 们 发 出 测试 的 邀请 。 我 在 这 里 提供 一 份 招募 测试 用 户 的 电子 邮件 
样本 ， 你 可 以 根据 自己 的 需要 进行 修改 。 





W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


草 ”测试 可 用 性 


可 用 性 测试 的 用 户 招募 邀请 





在 公司， 我 们 致力 于 提供 给 广大 用 户 有 用 、 易 学 的 产品 。 为 了 达到 这 个 目标 ， 我 们 需要 您 的 任何 建议 和 反馈 。 
我 们 需要 不 同 经 验 和 技术 的 人 ， 所 以 千 万 不 要 认为 只 有 计算 机 专家 或 是 使 用 过 我 们 产品 的 人 才能 参加 。 这 很 容易 。 只 要 您 在 
自 天 或 傍晚 有 一 两 个 小 时 ， 您 就 可 以 到 我 们 位 于 的 办 公 室 来 试用 我 们 的 产品 。 当 我 们 有 这 样 的 机 会 时 ， 将 会 提前 通 
知 您 。 为 了 感谢 您 的 测试 ， 您 将 会 收 到 一 定数 量 的 现金 以 及 印 有 我 们 公司 商标 的 T 恤 衫 、 棒 球 帽 或 其 他 纪念 品 . 
如 果 您 对 参加 试用 我 们 产品 的 研究 感 兴趣 ， 请 回复 当前 的 电子 邮件 ， 并 填写 所 附 的 问卷 。 我 们 将 对 您 的 个 人 资料 绝对 保密 。 
您 也 可 以 把 这 封 邮 件 转发 给 任何 可 能 感 兴趣 的 朋友 . 
非常 感谢 ! 

公司 可 用 性 实验 室 全 体 同仁 


姓名 : 
住址 : 
邮编 : 
请 正确 回答 下 列 问 题 : 


1, 请 标明 您 的 性 别 
口 男 ” 口 女 


2. 您 的 第 一 职业 是 什么 ? 





3. 您 所 接受 的 最 高 教育 程度 
口 初 中 口 高 中 口 大 学 或 大 专 ” 口 硕 士 口 博士 


4. 您 开始 使 用 计算 机 多 久 了 ? 
口 小 于 6 个 月 口 6 个 月 到 1 年 。 口 1 年 以 上 


5. 您 平时 多 长 时 间 使 用 一 次 计算 机 ? 
口 每 天 口 每 周口 每 月 口 每 年 


6. 请 列 出 您 最 常用 的 软件 





7. 您 使 用 过 类 似 x x x 的 产品 (或 网 站 ) 吗 ? 
口 是 ” 口 否 


8. 您 平时 多 长 时 间 使 用 一 次 这 种 产品 ( 或 网 站 ) ? 
口 每 天 。” 口 每 周 ” 口 每 月 口 每 年 


9. 如 果 这 个 产品 (或 网 站 ) 有 些 令 人 不 满意 的 地 方 ， 您 觉得 是 在 哪里 ? 








8.3.3 ”主持 人 和 观众 
有 些 人 觉得 可 用 性 测试 很 高 深 莫 测 。 需 要 非常 有 经 验 的 可 用 性 测试 专家 ， 在 测试 的 过 程 中 言 





A 简 单 Its s0 easy 





一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


语 害 智 ， 把 握 大 局 ， 然 后 在 一 周 之 后 产生 一 份 20 页 的 专业 测试 报告 。 

也 许 测试 的 引导 人 确实 需要 一 定 的 技术 和 常识 ， 但 别 把 这 个 问题 想 得 那 么 神秘 。 
谁 适合 当 测试 的 引导 人 ? 

一 个 合格 的 引导 人 都 需要 做 些 什么 ? 


@ ”大 多 数 情况 下 ， 什 么 也 别 做 
在 测试 的 过 程 中 ， 不 要 过 多 的 干扰 用 户 ， 让 他 们 在 尽量 真实 的 状态 下 使 用 。 不 知道 你 怎么 样 ， 
反正 我 使 用 某 个 产品 的 时 候 旁 边 没有 人 指 指点 点 。 


很 多 初次 引导 测试 的 人 ， 看 到 用 户 犯错 就 很 热心 的 去 帮助 ， 这 其 实 正 犯 了 测试 的 大 忌 。 你 的 
目的 是 为 了 发 现 问题 ,那么 你 要 做 的 事情 就 是 等 待 问题 发 生 。 你 需要 看 到 的 是 用 户 犯错 的 频率 、 
解决 问题 的 办 法 、 他 们 的 表情 、 出 现 错误 后 的 行为 。 有 时 候 从 用 户 的 某 些 举动 还 能 看 出 他 希 
望 什么 。 这 些 观察 可 以 在 很 大 程度 上 帮助 你 改进 设计 。 


@ ”在 恰当 的 时 候 引导 用 户 去 完成 几 个 任务 

有 些 用 户 完全 是 新 手 ， 或 者 过 于 紧张 ， 试 用 产品 的 时 候 完全 没有 章法 。 别 因为 他 的 一 无 是 处 
就 放弃 这 次 测试 。 他 肯定 能 发 现 问题 ， 这 种 时 候 你 可 以 适当 的 引导 和 提示 ， 帮 助 他 走 上 正轨 。 
有 时 候 这 种 胡 打 乱 撞 的 用 户 往往 能 够 发 现 更 多 的 问题 。 


另外 ， 有 些 测试 任务 是 事先 安排 的 。 引 导 人 可 以 进行 简单 的 讲解 ， 提 示 他 现在 该 做 什么 。 


@ ”测试 完成 后 进行 一 些 必要 的 交谈 

在 完成 测试 后 ， 和 用 户 进 行 一 些 交谈 是 有 必要 的 。 例 如 你 对 他 的 某 个 行为 有 疑问 ， 这 个 时 候 
就 可 以 试探 性 地 沟通 一 下 ， 以 了 解 他 在 操作 时 的 真实 意图 和 感受 。 你 也 可 以 和 用 户 聊 聊 对 产 
品 的 感觉 、 期 望 等 等 。 更 深层 次 的 交谈 还 可 能 会 发 现 一 些 被 玻 名 了 的 需求 。 


引导 人 在 测试 中 所 要 做 的 就 是 这 些 。 你 真正 需要 的 工作 只 是 鼓励 用 户 去 尝试 。 只 要 有 一 些 实 
践 经 验 ， 几 平 任何 人 都 可 以 引导 可 用 性 测试 。 


找 一 个 冷静 、 有 耐心、 富有 认同 感 的 人 。 他 善于 倾听 ， 而 且 天 性 比较 客观 和 公正 。 就 是 这 样 。 
只 要 他 不 是 动不动 就 拍 桌 子 发 火 ， 或 者 天 性 喜欢 “ 死 石 "， 就 没 问题 。 我 觉得 你 就 完全 可 以 胜任 ， 
难道 不 是 吗 ? 





就 这 么 简单 WW eb 开发 中 的 可 用 性 和 用 户 体验 ts so easy 


测试 可 用 性 





望 这 种 脾气 的 人 不 要 主持 测试 


谁 适合 当 测试 的 观察 者 ? 


任何 人 都 可 以 观察 测试 ， 只 要 他 愿意 





不 管 是 设计 师 、 软 件 工程 师 ， 还 是 市 场 推广 人 员 ， 其 


至 是 公司 老总 。 


或 许 测试 的 工作 是 由 你 来 安排 ， 但 测试 绝 不 是 你 一 个 人 的 事 。 为 了 保证 团队 统一 认识 ,以 及 
接 下 来 的 改进 工作 能 够 顺利 开展 ， 有 必要 让 所 有 人 一 同 认识 到 产品 存在 的 问题 。 


而 且 ， 很 可 能 你 在 观察 中 的 意识 是 有 局 限 的 。 更 多 的 人 参与 观察 ， 能 够 从 更 多 层次 来 发 现 问 


题 所 在 。 例 图 


0， 有 些 产品 反映 速度 的 问题 ， 并 不 一 定 是 用 户 界 面 设计 所 能 解决 的 ， 也 可 能 是 服务 


器 某 个 配置 不 合理 的 问题 一 一 有 时 候 你 需要 从 其 他 方面 来 考虑 修改 工作 。 


最 好 让 你 的 团队 领导 或 者 管理 层 一 起 参与 测试 。 大 胆 地 邀请 CEO， 告 诉 他 ， 如 果 他 和 高 层 经 
理 们 能 参与 几 分 钟 ， 将 会 极 大 地 调动 开发 团队 的 积极 性 ， 他 们 会 很 乐意 参加 。 而 一 旦 他 们 走 进 了 
观察 室 ， 我 想 他 们 肯定 会 呆 上 不 止 几 分 钟 。 因 为 这 是 他 们 第 一 次 看 到 自己 的 产品 在 被 人 使 用 ， 而 
且 很 多 地 方 和 他 们 想象 的 美好 画面 并 不 一 样 。 


高 层 经 理 





E 们 在 参与 了 测试 后 会 体会 到 可 用 性 测试 的 重要 性 。 这 也 便于 让 他 们 以 后 更 加 支持 可 


用 性 测试 ， 并 且 愿 意 增 拨 一 些 研究 经 费 。 何 乐 而 不 为 ? 


你 赁 什么 要 求 我 们 继续 为 实验 室 拨 钱 ? 








就 这 么 简 单 Ifs s0 83sy 
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8.3.4 ”道德 问题 


可 用 性 测试 可 能 需要 参与 者 的 个 人 资料 ， 例 如 姓名 、 健 康 状况 、 雇 用 情况 、 教 育 程 度 、 居 所 
和 财务 状况 等 等 。 有 时 候 这 些 东 西 他 们 并 不 希望 公开 。 而 另 一 方面 ， 公 司 测试 的 产品 信息 也 应 该 
是 保密 的 ， 以 防止 可 能 的 竞争 对 手 获得 相关 的 情报 。 

这 种 道德 问题 是 双方 的 ， 所 以 最 好 制定 一 份 协议 ， 首 先 让 用 户 放心 ， 同 时 也 保护 自己 ， 避 免 
不 愉快 的 诉讼 行为 以 及 泄漏 商业 机 窗 。 


下 面 是 一 份 知情 协议 书 的 样本 。 





参加 者 编号 : 





了 解 你 所 参与 的 测试 


你 的 名 字 : ~ 
请 仔细 阅读 以 下 条 款 : 


测试 目的 
本 次 产品 测试 需要 你 的 参与 ， 目 的 是 为 了 帮助 我 们 测试 我 们 的 产品 是 否 简单 、 易 学 、 好 用 。 这 个 产 
品 测试 是 研究 你 将 要 用 到 的 产品 ， 而 不 是 在 测试 你 ， 或 是 你 的 能 力 。 


测试 收集 的 数据 
测试 将 会 记录 你 是 怎样 使 用 本 产品 的 ， 例 如 本 产品 的 某 一 个 部 分 是 否 简单 易 用 。 在 测试 中 你 将 会 回 
答 一 些 问题 ， 可 能 在 测试 后 还 会 有 一 个 简单 的 口头 调查 。 


实验 中 你 所 提供 的 信息 ， 以 及 其 他 参加 者 的 信息 ， 将 帮助 我 们 找 出 改进 本 产品 的 方法 。 


同意 和 弃权 声明 
你 使 用 本 产品 和 口头 调查 的 过 程 可 能 会 被 录像 或 录音 。 我 们 公司 在 日 后 的 评估 或 演示 中 将 可 能 使 用 
你 的 声音 和 录制 的 图 像 。 但 我 们 不 会 公开 你 的 姓名 。 在 这 份 协议 上 签名 ， 将 表明 你 同意 以 上 问题 。 


保密 声明 
在 测试 中 你 所 得 到 的 任何 关于 本 产品 的 信息 .都 是 保密 的 ， 并 归 我 公司 所 有 。 你 在 测试 中 得 到 的 信 
息 仅仅 是 为 了 试验 的 目的 。 在 这 份 协议 上 签名 ， 将 表明 你 同意 保守 秘密 ， 不 将 产品 的 信息 泄露 出 去 。 


酬劳 
你 可 能 会 参与 3 到 8 轮 测 试 ， 每 一 轮 测试 的 酬劳 是 
金 的 数目 .不 会 在 以 后 提出 异议 。 


。 在 这 份 协议 上 签名 ， 将 表明 你 同意 酬 





舒适 
如 果 需 要 , 你 在 实验 的 任何 时 候 都 可 以 要 求 暂停 . 你 只 需要 告诉 工作 人 员 你 要 求 暂停 就 可 以 了 。 














简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


测试 可 用 性 





协议 应 该 写 得 尽量 简短 ， 而 且 通 俗 易 懂 。 也 许 上 面 这 份 协议 样本 过 于 ” 嗪 和 正式 了 ， 但 是 我 
把 它 放 在 这 里 是 为 了 让 你 知道 有 些 问 题 需要 考虑 得 全 面 一 些 。 你 完全 可 以 对 它 再 进行 省 略 、 修 改 
或 者 加 工 。 


8.4 测试 的 过 程 
下 面 我 们 看 看 可 用 性 测试 的 全 过 程 。 


8.4.1 设计 好 考题 


每 一 次 可 用 性 测试 都 会 发 现 问题 ， 这 些 问题 可 能 是 各 种 各 样 的。 有 可 能 是 界面 比拟 不 太 合适 ， 
或 者 是 层次 结构 不 清晰 ,或 者 没有 贯彻 一 致 性 ， 也 有 可 能 是 文字 辞 不 达意 。 与 此 同时 ， 作 为 开发 
者 内 部 也 会 存在 一 些 有 争议 的 问题 ， 或 者 一 些 疑惑 ， 需 要 用 户 在 测试 中 给 出 结论 。 也 就 是 说 ， 测 
试 之 前 你 会 有 一 些 目标 。 


这 些 目标 将 会 影响 到 测试 的 具体 方法 ， 以 及 测试 任务 的 设计 。 让 用 户 完成 某 项 任务 是 最 经 常 
的 测试 方法 。 这 些 任务 应 该 是 典型 的 ， 也 就 是 能 代表 大 多 数 用 户 将 会 经 常 碰 到 的 关键 步 又。 这 个 
时 候 我 们 之 前 做 的 “任务 描述 ”( 看 看 2.4 节 ) 会 很 有 用 ， 因 为 当时 考虑 的 都 是 典型 任务 。 


下 面 是 设计 任务 时 要 注意 的 几 个 方面 。 


@ ”提高 用 户 的 积极 性 
给 用 户 真正 的 任务 ， 而 且 让 他 们 有 权 选 择 。 如 果 是 测试 在 线 购物 网 站 ， 给 用 户 200 元 现金 让 
他 去 买 自己 想 要 的 东西 ， 并 把 东西 寄 给 他 自己 ， 这 就 比 “假设 你 现在 要 买 一 张 40 元 以 下 的 
CD， 然 后 寄 到 x x x 去 ”要 好 。 当 人 们 执行 花白、 呆板 的 任务 时 ， 很 难 投入 情感 ， 也 不 会 尽 
可 能 地 运用 个 人 知识 。 


@。 逐步 加 大 难度 

把 任务 的 难度 以 一 种 阶梯 形式 排列 。 第 一 个 任务 不 妨 设计 得 简单 一 些 ， 这 样 会 帮助 用 户 尽 
快 熟悉 测试 的 过 程 ， 建 立 自己 的 信心 ， 并 且 他 们 能 够 很 快 平静 下 来 ， 专 心 完 成 下 面 的 主要 
任务 。 








就 这 么 简单 rssmeasy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 





好 的 ,第 一 个 任务 是 找到 骨头 ， 
然后 再 看 看 如 何 搭建 狗 屋 。 


8.4.2 ”介绍 阶段 
在 测试 开始 前 ， 你 应 该 花 一 些 时 间 向 用 户 介绍 测试 的 过 程 和 设备 ， 以 及 为 什么 让 他 来 这 里 。 


工作 人 员 轻 松 和 计 的 态度 能 减轻 用 户 的 压力 。 为 了 帮助 他 们 放松 下 来 ， 在 开始 测试 之 前 闲聊 
几 句 题 外 话 会 很 有 效果 。 这 能 极 大 地 松懈 他 们 的 紧张 情绪 ， 而 且 能 让 他 们 多 说 话 。 测 试 的 时 候 需 
要 他 们 说 话 。 


有 时 候 你 还 能 从 和 用 户 的 闲聊 中 了 解 到 他 或 她 是 个 什么 样 的 人 ， 对 相关 产品 的 熟悉 程度 。 例 
如 ,我 可 以 从 他 从 事 什么 工作 聊 到 他 每 个 星期 会 花 多 长 时 间 上 网 。 也 许 一 开始 用 户 只 会 联想 到 工作 ， 
例如 “收发 电子 邮件 ”或 者 “用 MSN 与 客户 沟通 ”， 但 随 着 话题 的 打开 他 没准 会 想到 自己 还 曾经 
在 淘宝 上 为 女友 买 过 一 些 礼品 。 如 果 我 们 正在 测试 的 是 一 个 在 线 购物 系统 ， 那 么 就 能 得 到 有 用 的 
信息 一 一 这 不 是 一 个 新 手 。 


为 了 消除 参与 测试 用 户 的 紧张 情绪 ， 以 下 这 些 话 都 很 有 必要 : 


么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 ts so easy 





第 八 音 ”测试 可 用 性 


首先 ， 放 轻松 ， 我 们 是 测试 这 个 网 站 ， 而 不 是 你 本 人 。 所 以 你 不 必 
担心 会 犯 什么 错误 。 


其 次 ， 如 果 你 觉得 有 些 地 方 让 你 感觉 不 好 ， 只 管 告诉 我 。 我 们 本 来 
就 是 想 知 道 你 是 怎么 想 的 。 





相信 我 ， 一 些 简单 的 饮料 或 者 小 点 心 会 非常 有 效 一 一 哪怕 他 们 并 不 需要 。 


告诉 他 有 个 摄像 头 ， 但 是 别 因此 而 紧张 ， 也 许 他 的 表情 夸张 一 些 反 而 更 好 。 这 时 你 需要 给 他 
一 份 知情 协议 书 。 


8.4.3 ”正式 测试 
介绍 环节 过 后 就 开始 正式 的 测试 了 。 正 式 的 测试 分 为 两 个 主要 阶段 。 


@“ 理 解 ”阶段 
让 用 户 看 到 你 所 要 测试 的 网 站 、Web-based 产品 或 软件 。 询 问 他 们 对 页 面 的 初始 印象 ， 然 后 
看 他 们 能 否 理解 产品 的 大 致 功能 、 层 次 架构 和 运行 方式 等 等 。 


@ “任务 ”阶段 
让 用 户 完成 一 些 任务 ， 观 察 他 们 在 任务 过 程 中 的 表现 ， 记 录 发 现 的 问题 。 


在 这 两 个 阶段 中 ， 你 需要 注意 以 下 几 点 ， 便 于 正确 获得 所 需要 的 信息 。 


观察 用 户 


引导 人 可 以 面对面 地 直接 观察 用 户 ， 观 察 室内 的 其 他 成 员 则 可 以 通过 摄像 机 或 者 单 向 镜子 
观察 。 





级 简单 Its so easy 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 


观察 可 以 了 解 用 户 的 情感 反应 ， 例 如 叹气 、 皱 届 、 答 肩 等 等 行为 ， 这 些 体现 了 用 户 的 不 满 和 
受挫 情绪 。 有 时 候 他 们 表现 出 的 惊喜 并 不 一 定 就 代表 着 肯定 ， 因 为 这 种 “突然 就 捡 到 的 果子 ” 表 
明 并 不 是 他 们 预料 中 的 结果 ， 他 们 是 无 意 中 瞎 打 误 撞 出 来 的 ， 就 好 像 “ 瞎 猫 碰 见 死 耗 子 ”。 





这 很 简单 ， 就 像 在 看 电视 。 
有 时 候 我 还 能 吃 点 零食 …… 





除了 表情 你 还 需要 观察 用 户 鼠 标的 移动 和 点 击 。 如 果 鼠 标 漫 无 目的 地 在 页 面 中 移动 ， 或 者 想 
点 击 某 个 按钮 又 不 敢 点 击 ， 就 表明 他 们 对 自己 的 操作 没有 信心 。 

但 是 用 户 有 时 候 会 因为 正在 “被 观察 ”而 感到 紧张 。 单 单 知道 那 面 镜子 后 面 可 能 有 一 群 人 在 
看 着 他 ， 用 户 也 会 感到 不 自然 (女性 尤其 如 此 )。 这 是 一 个 无 法 确定 的 因素 。 而 且 单 纯 的 观察 会 遇 
到 一 个 问题 ， 就 是 你 有 时 候 并 不 太 确定 他 们 在 想 什 么 ， 而 只 能 根据 观察 到 的 现象 揣测 。 


让 用 户 进行 有 声 思 
我 们 需要 知道 用 户 的 想法 和 思维 过 程 。 如 果 他 们 在 测试 过 程 中 保持 沉默 ， 我 们 无 法 猜 出 来 发 
生 了 什么 ， 或 者 他 们 在 思考 什么 。 

















为 了 避免 这 种 情况 ,你 可 以 鼓励 用 户口 述 自己 在 想 些 什么 。 他 可 以 用 语言 表达 他 对 系统 的 理解 ， 
喜欢 或 不 喜欢 哪些 方面 ， 以 及 描述 自己 为 什么 要 采取 某 个 行动 ， 期 待 的 后 果 是 什么 。 通 过 用 户 的 
讲述 ， 我 们 可 以 了 解 他 的 认识 哪些 是 正确 的 ， 哪 些 又 是 误解 。 我 们 也 能 知道 哪些 地 方 引起 了 他 的 
误解 。 





这 种 有 声 思考 例如 “你 想 让 我 买书 ? 那么 我 想 我 应 该 点 击 “ 图 书 ” 或 者 “书籍 ”栏目 …… 为 
什么 我 找 不 到 ? "、“ 用 户 名 和 密码 ? 我 买 本 书 难道 还 需要 注册 ? ”或 者 “我 觉得 这 里 的 广告 动画 
很 晃 眼 ， 它 让 我 无 法 集中 精力 ”。 

有 些 人 可 能 会 感觉 不 停 地 自 言 自 语 显 得 有 点 傻 ， 或 者 尴 炊 、 难 为 情 。 有 了 时 候 他 们 也 会 忘记 需 
要 说 出 想法 ， 因 为 我 们 都 不 习惯 于 自 言 自 语 。 你 也 可 能 会 发 现 ， 当 任务 难度 增加 时 ， 你 很 难 边 说 
边 做 。 实 际 上 ， 在 执行 困难 任务 时 ， 人 们 往往 会 停止 自 言 自 语 ， 而 这 恰恰 是 我 们 最 想 知道 他 想法 
的 时 候 。 

这 类 的 “沉默 ”是 有 声 思考 面临 的 最 大 问题 之 一 。 


当 用 户 沉默 时 ， 我 们 可 以 用 类 似 “ 你 现在 正在 想 什 么 ? ”的话 来 提醒 他 们 继续 口述 。 另 一 种 
方法 是 让 两 位 用 户 共同 合作 ， 他 们 可 以 互相 讨论 、 互 相 帮 助 。 这 种 合作 方式 会 更 加 自然 ， 而 且 能 
揭示 许多 信息 。 


提出 问题 
有 时 候 我 们 会 向 用 户 提问 以 了 解 或 者 核实 我 们 想 要 的 信息 。 问 题 应 当 简短 、 明 确 ， 而 且 应 避 
免 询 问 过 多 的 问题 。 


关于 询问 用 户 你 需要 注意 几 个 地 方 。 
@ ”不 要 问 过 长 的 问题 ， 因 为 它们 不 便于 记忆 。 


@ 不 要 问 太 复杂 或 模糊 的 问题 。 把 它们 分 解 成 几 个 独立 的 问题 会 更 合适 。 例 如 ,，“ 这 个 网 站 
和 其 他 网 站 相 比 ， 你 觉得 如 何 ? ”显然 就 太 宽泛 了 ， 用 户 也 不 知道 该 从 哪里 说 起 。 而 把 问 
题 变 成 “你 觉得 这 个 网 站 怎么 样 ? 你 觉得 有 什么 其 他 网 站 与 它 比较 类 似 ?你 觉得 那个 网 站 
怎么 样 ? ”就 会 更 容易 回答 ， 也 便于 做 记录 。 


@ 不 要 使 用 可 能 让 用 户 感觉 尴 众 或 无 法 理解 的 术语 。 如 果 你 提 的 问题 用 户 不 懂 ， 他 的 自信 会 
受到 打击 。 而 且 你 还 要 解释 ， 这 会 浪费 时 间 。 





@ 不 要 间 带 诱导 性 的 问题 。 例 如 “你 觉得 这 个 网 站 好 在 哪里 ?” 或 者 “你 喜欢 这 种 颜色 ， 
对 吗 ? ”就 带 有 一 种 假设 , 即 用 户 觉得 它 不 错 。 同 时 也 不 要 把 你 自身 的 偏见 带 入 问题 。 


尊重 测试 用 户 


测试 的 用 户 可 能 会 感到 很 大 的 压力 。 想 想 看 ， 陌 生 的 产品 ， 陌 生 的 引导 人 ， 在 镜子 或 摄像 头 
另 一 端 还 有 一 堆 人 不 知道 是 不 是 在 等 着 看 笑话 。 如 果 用 户 在 测试 中 犯 了 一 些 错误 ,或 是 在 学 习 的 
过 程 中 显得 有 些 慢 ， 他 们 总 是 会 觉得 自己 思春 或 是 力不从心 。 





单 Its so easy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





千 万 不 要 表现 出 不 耐烦 ， 甚 至 读 笑 他 们 的 表现 。 始 终 和 颜 悦 色 是 必须 的 ， 并 且 让 他 们 感觉 到 
任何 失误 都 没什么 大 不 








另外 ， 在 测试 临近 结束 的 时 候 ， 你 可 以 安排 一 些 相 对 容易 的 任务 或 问题 ， 这 样 便于 消除 用 户 
的 紧张 感觉 ， 而 不 是 以 一 个 失败 者 的 角色 结束 测试 。 


如 果 测 试 超过 45 分 钟 或 一 个 小 时 ， 应 该 给 用 户 中 间 休 息 的 机 会 。 也 应 该 让 他 们 知道 自己 随时 
有 权 中 止 测试 。 


一 个 实例 你 就 能 明白 
我 正在 为 “招商 证 券 ” 的 网 站 进行 一 次 可 用 性 测试 ， 可 能 会 对 它 的 改版 提出 一 些 评估 意见 。 参 
加 测试 的 这 个 用 户 有 一 些 炒股 经 验 ， 但 没有 使 用 过 这 个 网 站 。 
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@ 牛 卡 号 登录 
〇 股东 代码 登录 
〇 © 银 证 通 客 户 登录 
〇 理财 客户 登录 
营业 部 


oao 牛 卡号 


“股指 期 货 理财 产品 “代办 股份 转让 校 验 码 








爸 有 人 告 


| 生 网 + 全 就 首次 公开 发 行 股票 初步 询 价 表 
we WONN, 、 关于 新 设 交 业 部 客户 交易 系统 及 有 关 业 务 事项 变更 的 > > 风险 提示 
A 公告 3 ”> 网 上 交易 指南 
” 关于 原 巨 田 证 券 根 证 通才 户 交 易 系统 及 有 关 业 务 事项 i 
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招 
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» 今 日 提示 » 股市 日 历 
于 ” 中信 证 券 第 三 季 兆 利 41.55 亿 元 
> 发 改 委 令 两 巨头 增加 供应 


走 进 招商 > 沪 深 总 市 值 昨 日 缩水 1.43 万 亿 
EA) | coOMPANY > 中 国 石油 今日 网 上 申购 
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如 需 任何 协助 ， 请 致电 95565、 ”7 招商 证 券 被 浙江 省 全 融 办 评定 为 信 普 忧 秀 中 .…。 9-24 二 第 三 方 存 管 
4008888111 或 各 营业 网 点 电 ” 招商 证 券 获 券商 QDII 资格 9-24 
话 ， 也 可 亲临 我 们 54 家 营业 网 点 ”招商 证 券 在 京 举行 北京 、 上 海 、 深 圳 三 地 机 ..。 8-14 ET 账户 清理 


招商 证 券 全 国 客户 服务 电话 : 95565、4008888111、0755-26951111 电子 邮箱 : sbox@ccs.com.cn 








1 一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 Its 80 easy 


测试 可 用 性 





测试 已 经 进行 到 了 一 定 阶 段 ， 以 下 是 我 和 他 的 对 话 ( 蓝 色 是 我 说 的 ， 黄 绿色 是 用 户 说 的 ) : 
“好 ， 现 在 我 们 来 看 看 别 的 。 你 觉得 这 个 网 站 还 能 帮 你 做 些 什么 7“ 


“我 刚才 留意 到 “软件 下 载 ”栏目 。 我 想 我 可 能 会 找到 某 个 软件 ， 它 能 在 我 的 Pocket PC 上 运行 。 
很 多 证 券 网 站 都 提供 类 似 的 软件 ， 这 样 我 就 能 随时 随地 了 解 股市 行情 了 。 


“很 好 。 那 么 你 会 怎么 做 ?“ 
“我 会 点 击 这 个 链接 。”( 他 把 鼠标 移动 到 页 面 的 右上 方 ) 
他 点 击 “ 软 件 下 载 ”的 超 链接 ， 打 开 了 一 个 新 的 页 面 。 他 看 了 很 久 。 
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“交易 >> 下 载 交易 软件 


本 网 站 为 招商 证 券 公 司 交易 客户 提供 国内 一 流水 平 的 交易 专业 版 软件 和 "快速 通道 "两 种 
网 上 交易 方式 , 请 根据 自己 的 情况 选择 适合 的 交易 方式 。 
网 上 交易 专业 版 软件 下 载 : 
名 招商 证 券 同 上 交易 全 德 版 NEW “使 用 说 明 ( 下 载 文档 ) 演示 动画 ( 右键 点 选 另 存 可 | 
下 载 ) 
简体 软件 《 2007-06-27 更 新 ) 
繁体 软件 ( 2007-06-27 更 新 ,6.794 ) 
句 招 商 网 上 交易 软件 英文 版 (CCS Internet Trading]) 
全 软件 下 载 〈 2004-11-05 更 新 ，1.798) 
一 》 该 版 本 适 于 使 用 英文 版 vindovs 系 统 的 客户 


名 招商 网 上 交易 软件 福州 农行 银 证 通 专 用 版 


名 软件 下 载 2004-11-05 更 新 ,2.644) 
一 > 该 版 本 适 于 招商 证 券 福州 农行 根 证 通 客 户 使 用 


日 招商 证 券 同上 交易 全 人 版 《 合 期 货 
他 软件 下 载 安装 手册 ”使 用 手册 《6.618 7) | 
一 > 股指 期 货 仿 真 交易 大 赛 寺 用 版 ,可 以 同时 提供 证 券 的 行情 、 股 指 期 货 的 仿真 行情 、 交 易 - 
新 增 支持 客户 端 自动 升级 功能 。 原 网 上 交易 全 能 版 期货 测 汪 版 ) 不 支持 自动 升级 功能 ,需要 客 | 
户 下 载 新 版 软件 《招商 证 券 况 上 交易 全 能 版 < 合 期 售 ) 》 参 加 仿真 大 赛 。 卡号 亚 更 要 训 计 Gy 


忆 PD7 阅 读 器 二 
人 @ 简体 中 文 版 下 载 《 版 本 :7.09 ,大 小 : 533IB) 95565 AS 
系统 交 询 - ay SS 


招商 证 券 全 国 客户 服务 电话 : 95565、4008888111、0755-26951111 电子 邮箱 : sbox8ccs. com. cn 短信 理财 通 


于 机 炒 肥 通 芝 并 CE 攻 


























招商 证 券 全 国 客户 服务 电话 : 95565、4008888111、0755-26951111 电子 邮箱 : sbox@ccs.com.cn 


六 简单 its s0 easy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 





“有 什么 问题 吗 ?“ 

“这 个 网 站 没有 针对 手机 的 软件 。 

“为 什么 ?“ 

“下 载 列表 里 面 的 软件 不 多 ， 而 且 都 是 电脑 上 使 用 的 。 
“确实 没有 吗 ?“ 

“确实 没有 。” 


他 非常 肯定 。 现 在 测试 已 经 走 到 了 死胡同 。 但 是 任务 显然 并 没有 完成 ， 而 且 我 感觉 隐藏 的 问题 
还 没有 完全 被 挖掘 出 来 。 于 是 我 决定 给 他 一 点 提示 。 


“你 注意 到 右 下 方 那 几 个 图 片 按钮 了 吗 ? 有 红色 字 的 ?“ 
(阅读 ) “……' 噢 ， 在 这 儿 。 我 还 以 为 是 广告 呢 ! ” (很 有 信心 地 点 击 ) 


这 时 弹出 了 一 个 新 页 面 : 


功能 经 大 、 资 费 便宜 、 方 便 快 把 ， 是 将 代 传统 电话 委托 的 最 殖 相 方式， 推荐 广大 客户 使 用 。 


招商 移动 股市 


“招商 移动 股市 ”是 通过 无 线 下 联网， 基于 同上 交易 平台 ， 为 投资 者 提供 实时 行情 、 证 券 交易 ， 
以 及 证 券 资讯 的 手机 炒股 系统 。 该 系统 不 通过 SP (中 间 服 务 商 )， 客 户 只 需 支 付 使 用 过 程 中 产生 的 通讯 
流量 费 ,没有 其 它 的 费用 。 目 前 “招商 移动 股市 ”只 适用 于 开通 中 国 移动 PRS 的 招商 证 券 客户 。 


中 国 移动 手机 证 券 
各 动 证 关 是 中 国共 动 提供 的 手机 炒股 服 务 ， 由 北京 葵 上 网 运营 


中 国联 通 掌上 股市 


掌上 觅 市 是 中 国联 通 提供 的 手机 炒股 服务 ， 由 联通 华 建 支持 BREY 手 机 )、 课 吉 宁 龙 全 旗手 机 ) 运 
营 。 


STK 理 财 通 


基于 扰 消息 ,为 您 提供 证 券 委托 交易 服务 、 高 效 实时 的 行情 服务 。 此 方式 羽 广 东欧 动 深 圳 | 公司 
提供 ,目前 已 经 不 再 对 新 客户 开通 ,但 已 开通 此 服务 的 客户 可 以 继续 使 用 。 
招商 证 券 的 状 商 代码 : 05001001 一 一 05001016， 即 050010+ 客 户 号 前 两 位 。 








一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 


第 八 章 “测试 可 用 性 





(鼠标 指向 左上 角 的 页 面 logo) “ 手机 炒股 ， 没 错 ， 就 是 这 里 ， 我 想 我 找到 了 。 
“那么 接 下 来 ?“ 


(鼠标 在 左边 的 页 面 导 航 区 域 缓 缓 移动 ) “我 想 我 得 点 击 ……” (看 着 “移动 证 券 ” 和 “掌上 股市 ” 
两 个 链接 在 犹 静 ) 


@@ 招商 移动 股市 ”|) 
| ”@ 移动 证 券 | 


| Lu | 





“我 不 太 确 定 该 点 哪 一 个 。 这 两 个 好 像 都 有 点 像 ， 它 们 都 在 说 我 能 随身 炒股 ， 我 不 知道 这 里 有 什么 
区 别 。 


“你 感觉 哪 一 个 最 可 能 是 你 想 要 的 ?“ 
eees “掌上 股市 ， 我 想 。 因 为 我 就 是 拿 来 在 掌上 使 用 。 
“点 它 试 试看 ?“ 


他 点 击 “ 掌 上 股市 ”后 出 现 的 页 面 : 





文 入 简单 rssoeasy 
一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 


> 概览 


@ 招商 移动 股市 联通 公司 以 CDWA1X 移 动 网 络 和 165 IF 骨干 网 为 支撑 ， 基 于 电子 商务 平台 和 BREY 支 持 系统 ， 为 
股民 提供 丰富 便捷 的 证 券 交易 与 信息 服务 。 
© 移动 证 券 招商 证 券 “学 上 股市 ”有 两 种 : 一 是 联通 神奇 宝典 版 本 ， 二 是 宇 龙 酷派 学 上 证 券 。 
1、 神 育 宝 典 版 本 
(人 @ 掌上 股市 Tsk; 
使 用 联通 CDMA 手 机 : 神 育 宝 典 一 》 软 件 超市 一 》 软 件 目 录 一 》 掌 上 股市 -》 招商 牛 网 2006 
具体 情况 : 参见 联通 学 上 股市 网 址 : http: //gd. nm-finance, cn/docc/index. jsp 
功能 请 单 : 
常见 问题 程序 主 菜单 提供 六 个 选项 : 
1、 实 时 行情 ; 
2、 上 股市 资讯 ; 
3、 交 易 委 托 ; 
4、 系 统 设置 ; 
5、 帮 助 信息 ; 
6、 关 于 本 软件 。 


@@ sk 理财 通 





“ 没 错 ， 就 是 它 ! (阅读 右 方 主 窗口 内 文字 ) …… 这 是 给 CDMA 手机 使 用 的 软件 …… 我 的 手机 不 是 
CDMA 的 …… 也 许 我 应 该 点 “移动 证 券 '。 


点 击 “ 移 动 证 券 ” 后 出 现 的 页 面 : 





W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


测试 可 用 性 


(mR  ) 
让 中 国 移动 手机 证 券 
名 招商 移动 股市 。] 


“移动 证 券 ” 是 基于 中 国 移动 无 线 通讯 网 络 的 证 券 业 务 综合 服务 平台 。 面 向 全 国 的 移动 数据 
用 户 和 证 券 行业 用 户 ， 为 您 提供 全 新 模式 的 证 券 应 用 服务 ， 包 括 : 图 表 分 析 实 时 行情 、 股 市 资讯 


OBE 天 和 六。 
@ 掌上 股市 ) 使 用 说 明 


开通 GPRS 功 能 ( 拨打 10086 即 时 开通 》。 
@@ STF 理 财 通 ) 
》 手机 下 或 使 用 方法 


@@ 常见 问题 ) 


© 5 
移动 用 户 绩 和 昌 信 8Xi 到 6868 ew 


三 动 正 因 服 务 只 适用 于 中 国 椒 悦 用户， 部 时 有 问题 请 执 打 10086 音调 


下 载 “ 移 动 证 券 ”手机 客户 端 ( 移动 定制 机 型 已 经 预 装 程序 ， 无 需 下 载 ， 未 预 装 的 终端 请 发 
送 8 到 6868 , 访问 系统 返回 的 fap Push 地 址 ， 即 可 下 载 安装 ) 。 

启动 “移动 证 券 ”, 根据 系统 提示 ,确定 认购 后 即 可 开通 行情 、 交 易 、 资 讯 服务 。 

完成 在 线 交易 ， 须 选择 指定 券商 营业 部 : 

招商 证 券 券商 代码 统一 设置 为 : 107001 


使 用 费用 : 
除 GPRS 流 量 费 用 外 ， 还 需要 支付 以 下 费用 : 行情 30 元 /月 ,交易 6 元 /月 。 





(阅读 ) “这 好 像 只 是 个 短信 业务 ， 不 是 软件 。 

他 再 次 点 回 到 “掌上 股市 ” 页面, 更 加 仔细 地 浏览 , 但 是 没有 收获 。 我 发 现 他 已 经 开始 焦躁 不 安 。 
“有 什么 新 发 现 吗 ?“ 

“没有 。 我 觉得 这 个 网 站 不 提供 我 想 要 的 服务 。 

测试 到 这 里 告 一 段落 。 他 没有 找到 他 想 要 的 软件 ， 于 是 认为 网 站 并 没有 提供 全 面 的 服务 。 但 是 








就 记 





文 么 简单 rssoeasy 
一 一 WW eb 开发 中 的 可 用 性 和 用 户 体 验 





他 错 了 。 网 站 有 他 想 要 的 软件 ， 只 不 过 不 是 在 “移动 证 券 ” 和 “掌上 股市 ”中 。 如 果 他 注意 到 
了 上 面 的 那个 “招商 移动 股市 ”链接 ， 可 能 就 会 马上 完成 任务 。 但 是 似乎 这 个 链接 并 不 吸引 浏 
览 者 的 注意 力 。 


| 
上 概览 招商 移动 股市 ”产品 及 功能 介绍 

人 @ 招商 移动 股市 “招商 移动 股市 ” 有 两 个 版 本 ， 胜 龙 版 和 及 时 两 版 
产品 简介 及 功能 介绍 


。 提供 完整 的 历史 行情 数据 ; 

。 提供 股票 的 基本 面 数据 人 F10) ; 
。 提供 实时 在 线 交 易 ， 方便 快捷 
。 牛 网 资讯 服务 


到 这 个 时 候 我 可 能 会 直接 宣布 结束 测试 ， 或 者 再 布置 一 个 简单 点 的 任务 ， 让 他 能 从 消沉 的 心态 
中 放松 。 适 当 的 安抚 是 有 必要 的 ， 不 要 让 用 户 为 没有 一 个 好 的 测试 结果 而 耿耿 于 怀 ， 因 为 有 可 
能 过 一 段 时 间 仍 会 让 他 参与 后 续 的 测试 工作 。 


就 这 么 简单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Its so easy 





可 用 性 


8.4.4 测试 之 后 马上 回顾 和 总 结 


记 住 ， 在 每 轮 测试 之 后 ， 你 应 该 及 时 让 开发 团队 交换 一 下 意见 和 认识 ， 回 顾 每 个 人 的 观察 ， 
并 总 结 记录 。 这 会 让 问题 得 到 更 清晰 、 更 有 条 理 的 呈现 。 然 后 你 应 该 决定 接 下 来 该 如 何 处 理 这 些 
问题 。 


如 果 测 试 后 不 及 时 进行 总 结 , 时 间 拖 久 了 你 就 会 丢失 一 些 原本 很 好 的 想法 , 或 者 减弱 某 些 感受 ， 
更 糟糕 的 是 你 会 遗忘 某 些 感受 。 如 果 是 这 样 的 话 ， 测 试 就 不 那么 有 效果 了 。 


在 每 轮 测 试 之 后 ， 我 们 会 收集 到 一 定数 量 的 数据 ， 它 们 通常 分 为 两 类 。 


@ ”客观 数据 

客观 的 数据 包括 一 些 加 法 题 ， 例 如 用 户 完成 任务 所 需 的 时 间 、 犯 错误 的 次 数 、 用 户 接受 帮 
助 的 次 数 等 等 ， 同时 还 有 一 些 是 非 题 ， 例 如 用 户 是 否 能 独立 完成 任务 、 是 否 使 用 了 最 简捷 
的 途径 。 


@ 。 用户 的 主观 感受 
这 些 信 息 需 要 观察 者 分 析 用 户 表现 出 来 的 一 些 现象 。 例 如 用 户 对 产品 的 印象 和 评价 、 用 户 在 
哪些 地 方 感到 迷惑 、 注 意 力 是 否 被 转移 等 等 。 


此 外 你 也 可 以 在 测试 后 请 用 户 总 结 他 对 产品 的 感觉 。 提 供 一 些 简短 的 试验 后 问卷 能 够 反映 用 
户 对 测试 产品 的 满意 度 。 


这 里 也 有 一 份 测试 后 满意 度 问 卷 的 样本 。 











就 这 么 简 单 Itssoeasy 


一 一 W eb 开发 中 的 可 用 性 和 用 户 体 验 








12 


13 


14 





- 这 个 产品 使 用 起 来 很 简单 





非常 不 同意 < 
1 


非常 不 同意 < 


2 


3 


- 我 可 以 用 这 个 产品 顺利 地 完成 任务 


> 非常 同意 
无 法 回答 





1 


非常 不 同意 < 


了 


3 


- 我 能 够 使 用 这 个 产品 较 快 地 完成 任务 


> 非常 同意 
7 无 法 回答 





1 


二 


- 使 用 这 个 产品 时 ， 我 感觉 舒适 


3 


> 非常 同意 
无 法 回答 





非常 不 同意 < 一 
1 


2 


3 


4 


- 我 认为 使 用 这 个 产品 可 以 帮助 我 提高 工作 效率 


一 > 非常 同意 
7 无 法 回答 





非常 不 同意 < 
1 


非常 不 同意 < 一 


加 


3 


4 


- 这 个 产品 给 出 的 错误 信息 能 够 清楚 地 告诉 我 发 生 了 什么 


一 > 非常 同意 
了 无 法 回答 





1 


非常 不 同意 < 一 


2 


3 


4 


- 当 我 犯错 误 的 时 候 ， 我 能 很 容易 地 迅速 从 错误 中 恢复 


一 > 非常 同意 
也 无 法 回答 





1 


2 


- 这 个 产品 的 文字 描述 非常 清楚 


3 


4 


> 非常 同意 
7 无 法 回答 





非常 不 同意 < 
1 


这 个 产品 的 信息 很 有 帮助 


本 


一 > 非常 同意 
区 无 法 回答 





非常 不 同意 < 一 
1 


非常 不 同意 < 


及 


3 


10. 我 能 很 容易 地 找到 我 所 需要 的 信息 


一 > 非常 同意 
了 无 法 回答 





1 


E34 


3 


4 


- 这 个 产品 的 信息 在 屏幕 上 组 织 得 比较 清晰 


非常 不 同意 < 


> 非常 同意 
了 无 法 回答 





- 这 个 产品 的 用 户 界面 让 人 感觉 舒适 


非常 不 同意 < 一 


2 


3 


4 


一 > 非常 同意 
区 无 法 回答 





1 


- 这 个 产品 提供 了 所 有 我 期 望 的 功能 


2 


3 


一 > 非常 同意 
7 无 法 回答 





非常 不 同意 < 
1 


- 总 体 来 说 ， 我 对 这 个 产品 感到 满意 


非常 不 同意 < 


2 


3 


> 非常 同意 
了 无 法 回答 


> 非常 同意 





1 


2 


3 


7 无 法 回答 








单 Web 开 发 中 的 可 用 性 和 用 户 体验 ltg so easy 





Ee 


8.5 让 专家 来 评估 ( 别 忘 了 ， 你 也 是 专家 ) 


有 时 候 寻找 用 户 并 不 容易 ， 让 用 户 参 加 测试 也 可 能 需要 过 高 的 成 本 和 时 间 。 在 这 种 情况 下 ， 你 
也 可 以 考虑 聘请 一 到 两 位 可 用 性 专家 来 进行 评估 工作 。 


当然 了 ， 如 果 你 请 不 起 专家 ， 或 者 不 知道 怎么 请 专家 ， 没 关系 。 这 本 书 看 到 这 里 ， 我 相信 你 
也 能 够 对 可 用 性 说 出 个 一 二 三 来 。 在 没有 专家 的 情况 下 ， 你 就 是 专家 。 这 没有 什么 不 好 意思 的 。 


8.5.1 现成 的 原则 一 一 启发 式 评估 


这 种 对 可 用 性 的 评估 不 需要 可 用 性 实验 室 , 也 不 需要 引导 人 或 者 观察 者 。 专 家 (或 者 你 自己 ) 
根据 一 些 常见 的 可 用 性 原则 来 评估 产品 ， 通 过 自己 的 经 验 来 发 现 潜在 的 可 用 性 问题 。 这 其 中 最 有 
代表 性 的 就 是 Jakob Nielsen 博士 在 1990 年 提出 的 “启发 式 评估 法 ”( 后 来 他 又 进行 了 改进 和 
确认 )。 


启发 式 评估 并 不 难 ， 它 只 是 把 一 些 具体 的 可 用 性 原则 放 在 我 们 面前 ， 然 后 让 我 们 一 条 条 地 去 
核对 产品 是 否 满足 这 些 要 求 。 


这 些 可 用 性 原则 我 相信 你 已 经 很 熟悉 了 一 “摩西 的 十 诚 "。 在 第 一 章 我 们 就 提 到 过 ， 第 三 章 
的 物理 设计 指南 里 面 也 提 到 过 。 不 过 我 还 是 在 这 里 再 次 把 它们 列举 出 来 ， 因 为 它们 真 的 非常 重要 ， 
尤其 是 当 你 自己 来 评估 的 时 候 。 


e ”让 用 户 随时 了 解 系统 的 状态 

e ”系统 应 与 真实 世界 相符 合 

@ ”给 予 用 户 控制 权 和 自主 权 

e ”提倡 一 致 性 和 标准 化 

@ ”帮助 用 户 识 别 、 诊 断 和 修复 错误 
@ ”预防 错误 

e ”依赖 识别 而 非 记忆 

@ ”强调 使 用 的 灵活 性 及 有 效 性 

e ”最 小 化 设计 


e ”提供 帮助 及 文档 
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上 述 这 十 条 是 针对 所 有 交互 式 软件 产品 的 。 如 果 你 设计 的 是 商业 网 站 ， 可 以 看 看 Nielsen 提出 
的 另 一 组 名 为 “HOMERUN” 的 启发 式 原则 。 

@ 高 质量 的 内 容 (High-quality content) 

@ ”实时 更 新 、 经 常 更 新 (Often updated) 

@ 减少 下 载 时 间 (Minimal download time) 

e@ 方便 浏览 者 使 用 (Ease of use) 

@ ”符合 用 户 的 需要 (Relevant to users’ needs) 

@ 在 线 媒体 的 唯一 性 (Unique to the online medium) 

@ 网 络 化 的 企业 文化 (Netcentric corporate culture) 

至 于 选用 哪 一 种 原则 ， 或 者 哪些 原则 可 以 稍稍 做 出 让 步 ， 这 取决 于 你 和 开发 团队 的 共同 意见 。 
记 住 ， 规 则 都 是 死 的 ， 我 们 要 保障 可 用 性 ， 同 时 产品 也 要 有 自己 的 个 性 。 
8.5.2 ”你 也 可 以 看 看 这 些 具体 的 评估 角度 

上 面 那些 原则 你 应 该 很 容易 就 能 够 理解 。 我 在 这 里 也 提出 一 些 具 体 的 评估 角度 ， 这 样 你 就 能 
更 方便 地 检查 自己 的 产品 是 否 能 符合 下 列 这 些 要 求 (通常 来 说 ， 满 足 这 些 要求 就 够 了 ) 。 
关于 一 致 性 的 评估 

不 管 是 Web 还 是 Web-based 产品 ， 一 致 性 都 是 用 户 界面 最 基本 的 要 求 。 良 好 的 一 致 性 能 使 


用 户 在 使 用 的 时 候 很 快 就 熟悉 产品 的 操作 环境 ， 同 时 也 能 避免 对 相关 操作 的 理解 产生 歧义 。 记 住 ， 
用 户 界面 是 一 个 整体 。 


你 的 产品 是 否 具有 一 致 性 ? 看 看 它 是 否 满足 以 下 几 个 方面 : 


e ”所 有 界面 在 外 观 、 布 局 上 是 否 一 致 ? 
例如 ， 网 站 的 每 个 页 面 是 不 是 都 有 导航 栏 和 logo 标识 ? 


@ 功能 类 似 的 相关 界面 ， 在 外 观 、 布 局 以 及 交互 方式 上 是 否 一 致 ? 
当 你 在 网 络 书店 搜索 图 书 的 时 候 , 通过 书 名 搜索 和 通过 作者 名 搜索 , 给 你 的 感觉 是 否 一 致 ? 


@ ” 当 存 在 系列 产品 的 时 候 ， 这 个 产品 与 其 他 产品 在 外 观 、 布 局 以 及 交互 方式 上 是 
否 一 致 ? 
想 想 微软 的 Office 系列 ， 还 有 以 前 的 Macromedia “网 页 三 剑客 ”。 
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可 用 性 


在 同样 的 环境 下 , 同一 层次 的 文字 在 字体 、 大 小 、 颜色 、 对 齐 方式 上 是 否 一 致 ? 
一 般 情况 下 的 文字 是 不 是 一 致 ? 每 个 弹出 窗口 里 的 文字 是 否 一 致 ? 每 个 表格 里 的 文字 是 否 一 致 ? 


导航 栏 或 者 菜单 的 格式 是 否 一 致 ? 
你 应 该 不 会 在 一 个 网 站 里 ， 把 有 的 导航 做 成 下 拉 式 ， 有 的 导航 又 做 成 标签 式 吧 ? 


各 个 控件 之 间 的 间隔 和 对 齐 方式 是 否 一 致 ? 

如 果 在 大 多 数 情况 下 ， 控 件 是 左 对 齐 ， 那 么 一 般 来 说 控件 最 好 都 左 对齐 。 当 然 ， 如 果 你 党 
得 在 某 个 极端 情况 下 ， 右 对 齐 会 更 好 ， 那 么 就 右 对 齐 。 但 只 要 是 类 似 这 种 情况 ， 就 必须 都 
得 右 对 齐 。 


提示 、 菜 单 、 帮 助 中 使 用 到 的 术语 是 否 一 致 ? 
尽量 不 要 使 用 术语 。 如 果 有 术语 ， 那 么 术语 就 应 当 一 致 


关于 界面 简洁 性 的 评估 

你 的 用 户 界面 像 你 的 脸 一 样 对 称 、 干 净 吗 ? 我 看 过 一 些 用 户 界面 设计 就 像 长 了 天 花 。 因 此 你 
不 得 不 对 它 进行 美容 前 的 检查 。 下 面 是 一 些 供 检查 的 建议 条 款 (实际 上 ， 关 于 界面 简洁 性 的 一 个 
评估 原则 就 是 : 1. 干掉 多 余 的 东西 ，2. 尽 可 能 分 组 )。 


用 户 界面 是 否 存在 空白 空间 ? 
虽说 界面 不 能 太 散 , 但 空白 是 必须 的 。 没 有 空白 空间 的 界面 叫做 “杂乱 无 章 ”, 可 用 性 极 差 。 


用 户 能 否 很 快 找到 他 所 要 的 信息 ? 
不 要 把 本 来 应 该 展现 给 用 户 的 内 容 隐藏 到 五 花 八 门 的 广告 里 面 。 


菜单 的 深度 是 否 在 三 层 以 内 ? 
我 建议 菜单 不 要 超出 三 层 。 如 果 层 次 太 深 ， 将 不 便于 用 户 记 忆 ， 而 且 他 们 要 到 达 某 个 地 方 
会 很 麻烦 。 


界面 的 控件 分 布 是 否 按照 功能 进行 了 分 组 ? 
菜单 就 是 菜单 ， 工 具 栏 就 是 工具 栏 。 同 样 的 ， 单 选 框 组 和 复 选 框 组 也 得 分 开 。 


一 个 类 型 的 数据 是 否 需要 通过 移动 滚动 条 才能 显示 完全 ? 
如 果 是 这 样 ， 尽 量 采用 分 页 显示 ， 并 且 提 供 数据 排序 显示 的 功能 。 


关于 信息 反馈 的 评估 
假设 产品 的 用 户 是 一 个 初出 芭 访 的 新 手 ， 你 能 指望 他 在 操作 的 时 候 不 出 错 吗 ? 但 这 还 不 是 问 
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题 的 所 在 。 问 题 在 于 谁 都 会 犯错 误 ， 我 们 都 有 自己 不 了 解 的 东西 。 


要 想 避 免 这 类 问题 ， 就 要 求 用 户 界 面 有 足够 的 输入 检查 和 错误 提示 功能 。 通 过 信息 反馈 ， 用 
户 得 到 出 错 的 提示 或 是 任务 完成 的 赞许 。 不 幸 的 是 ， 很 多 产品 在 这 方面 都 做 得 不 尽 人 意 。 下 面 是 
这 类 评估 的 一 些 参 考 意见 。 


e ”系统 是 否 在 用 户 输入 之 前 ， 就 给 出 具体 输入 方式 的 提示 ? 

前 两 年 我 注册 过 很 多 网 站 会 员 , 但 很 少 能 一 次 就 顺利 成 功 。 我 总 会 犯 些 错误 。 现 在 好 多 了 ， 
他 们 会 事先 告诉 我 “用 户 名 只 能 使 用 字母 和 下 划 线 “。 但 更 好 的 是 提供 多 个 文本 框 ， 避 免 我 出 
现 格式 或 语法 错误 。 





@ ”系统 是 否 接受 用 户 的 正确 输入 ， 并 做 出 提示 ? 
例如 在 用 户 点 击 提交 或 上 传 按钮 后 ， 应 该 提示 他 系统 正在 处 理 或 者 显示 上 传 进度 ， 而 不 是 
让 他 干 看 着 之 前 的 页 面 不 知道 进展 如 何 。 


® ”系统 是 否 拒绝 用 户 的 错误 输入 ， 并 做 出 提示 ? 
如 果 用 户 做 错 了 ， 就 应 该 拒绝 他 的 操作 。 但 必须 让 他 明白 自己 错 了 。 我 们 可 以 通过 弹出 警 
告 框 或 者 发 出 警示 音 来 提示 他 。 


e@ ”有 没有 操作 成 功 的 提示 ? 
很 多 系统 都 缺少 这 一 步 ， 使 用 户 毫 无 成 就 感 。 


@ ”如 果 是 提示 他 们 错误 ， 那么 提示 是 否 正确 并 且 浅 显 易 懂 ? 

他 们 出 错 本 来 就 很 晕 ， 这 时 候 千 万 别 拿 “ERR0083” 之 类 的 玩意 来 让 他 们 更 摸 不 着 头脑 。 
e ”提示 所 用 的 图 标 或 图 形 是 否 具有 代表 性 和 警示 性 ? 

使 用 正确 的 图 标 ， 用 户 的 感受 会 加 强 很 多 。 


®@ ”系统 提示 的 用 语 是 否 按 警 告 级 别 和 完成 程度 进行 分 级 ? 
只 要 不 是 故意 的 破坏 性 操作 ， 一 般 最 好 对 用 户 温和 一 些 。 


”用 户 界面 是 否 提供 了 突显 功能 ? 
例如 按钮 或 超 链接 ， 鼠 标 移动 上 去 会 不 会 有 相应 变化 ? 
关于 用 户 动作 性 的 评估 
“科学 是 懒 人 的 哲学 ”， 有 时 我 很 认同 这 个 观点 。 我 们 的 系统 能 让 用 户 尽 可 能 地 偷懒 吗 ? 例如 
少 动 些 手 时 ， 少 记 些 命令 ? 没有 一 个 用 户 愿 意 做 得 多 而 收获 得 少 ， 就 好 像 去 郊区 一 天 ， 结 果 只 钓 
到 一 条 鱼 一 样 。 
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记 住 ， 用 户 从 某 种 角度 上 来 说 都 是 心怀 不 测 的 挑 鲜 者 和 肇事 者 。 当 他 们 对 待 自己 寄 以 很 大 期 
望 的 系统 时 ， 很 少 会 有 太 多 的 耐心 。 下 面 是 一 些 判断 用 户 是 否 能 够 “偷懒 ”的 方法 。 


是 否 存 在 更 便捷 、 直 观 的 界面 显示 方式 ? 
尝试 着 多 想 想 。 如 果 有 ， 换 过 来 。 


是 否 存在 快捷 键 以 代 蔡 用 户 最 频繁 的 操作 ? 
例如 大 家 印象 最 深刻 的 “Ctrl+S“， 还 有 用 “Tab” 键 切换 文本 输入 框 。 


是 否 支持 对 错误 操作 进行 可 逆 性 处 理 ， 返 回 原 有 状态 ? 
例如 “Undo” 和 “Redo” 指令。 如 果 视 频 上 传 到 一 半 的 时 候 发 现 是 不 健康 的 内 容 ， 别 告 


诉 我 不 能 取消 …… 


系统 的 反应 速度 是 否 符合 用 户 的 期 望 值 ? 
系统 反应 太 快 或 太 慢 都 不 好 : 太 快 了 吓人 ， 太 慢 了 磨 人 。 


用 户 在 任何 时 候 ， 是 否 都 能 找到 并 开启 帮助 文档 ? 
例如 绝 大 多 数 软 件 中 的 F1 键 。 


系统 能 否 减轻 用 户 的 记忆 负担 ? 
如 果菜 单 或 导航 的 内 容 太 多 太 复杂 ， 我 就 只 能 靠 自 己 的 脑子 来 记 住 常用 选项 的 位 置 。 


是 否 采 用 了 相关 控件 来 替代 用 户 手工 键盘 输入 ? 
例如 日 历 控件 和 计算 器 。 


不 能 执行 的 操作 是 否 被 禁止 ? 
如 果 这 个 按钮 不 能 点 击 ， 那 么 请 把 它 置 灰 。 


能 否 方便 用 户 的 选择 操作 ? 
例如 选项 过 多 的 情况 下 ， 是 否 可 以 采用 下 拉 列 表 来 显示 ? 


关于 产品 特色 的 评估 


每 一 个 Web 或 Web-based 产品 也 都 应 具有 自己 的 个 性 ， 从 而 体现 出 开发 商 〈 也 就 是 你 所 在 
的 公司 ) 的 特色 ， 同 时 这 也 是 针对 用 户 群 体 的 特定 需要 。 例 如 微软 和 苹果 的 界面 风格 就 完全 是 两 


码 事 。 

















一 个 具有 个 性 的 产品 ， 它 本 身 就 是 开发 商 的 “广告 代言 人 ”。 但 需要 注意 的 是 ， 我 们 既 要 突出 
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开发 商 ， 又 不 能 喧 宾 夺 主 。 下 面 我 们 给 出 一 些 常见 的 软件 特色 评估 的 原则 。 
e@ ”网 站 或 产品 的 界面 是 否 有 单位 介绍 或 产品 介绍 ， 并 拥有 自己 的 图 标 ? 
例如 网 站 的 logo 标识 是 否 得 体 ? 在 线 软件 的 登录 界面 是 否 有 开发 商 信息 ? 
@ ”是 否 有 版 本 查看 机 制 ? 版 本 说 明 上 是 否 有 制作 者 的 标识 ? 


e 产品 界面 的 色彩 、 背 景 、 布 置 是 否 与 同类 产品 有 不 同 之 处 ? 如 果 有 ， 是 否 更 
为 简洁 、 美 观 ? 
这 些 就 是 产品 的 直观 特色 。 


e@ 产品 界面 的 操作 与 同类 产品 相 比 ， 是 否 更 简单 快捷 ? 是 否 更 能 预防 错误 或 提 
示 错 误 ? 
这 些 是 产品 的 非 直观 特色 。 


@ 产品 是 否 为 特殊 群体 或 是 特殊 的 应 用 提供 相应 的 操作 机 制 ? 
例如 Windows 的 “放大 镜 ” 工 具 ， 或 者 网 页 中 的 设置 字体 大 小 功能 。 


总 之 ， 对 用 户 界面 的 评估 需要 一 个 立足 “共性 ”但 又 要 强调 “个 性 ”的 评估 思路 。 对 用 户 界 
面 的 评估 更 加 强调 从 用 户 的 角度 和 审美 观 去 看 待产 品 , 既 不 能 过 于 “大 俗 ”, 又 不 能 过 于 “大 雅 ”。 


很 多 时 候 ， 你 需要 在 强调 规整 和 强调 个 性 间 进 行 权衡 。 这 需要 你 用 大 脑 去 思考 ， 用 心 去 体会 。 
对 你 的 审美 观 也 是 一 个 极 大 的 挑战 。 
8.6 ”测试 需要 修正 

可 用 性 测试 后 当然 需要 对 发 现 的 问题 进行 修正 ， 否 则 测试 还 有 什么 意义 ? 

修正 应 当 及 时 、 准 确 。 当 修正 之 后 ， 还 需要 再 次 进行 用 户 测 试 对 其 加 以 检验 。 但 我 们 也 需要 
注意 以 下 几 点 问题 : 
有 些 问 题 可 以 忽略 

对 于 有 些 问 题 ， 可 能 根本 就 无 法 修正 。 这 些 问 题 总 是 存在 。 


例如 在 网 上 购物 的 时 候 ， 总 是 有 人 在 “电器 ”栏目 里 找 iPod， 在 “电脑 配件 ”里 找 GPS。 你 不 
能 说 他 们 错 了 ,但 很 明显 这 么 规划 栏目 又 有 些 不 合适 。 你 也 许 知道 Apple 网 站 里 面 有 很 多 电影 预告 片 ， 
但 是 它们 以 前 一 直 放 在 “QuickTime” 栏 目 中 。 这 似乎 也 不 太 恰当 ， 但 没有 其 他 更 适合 的 栏目 。 





对 于 这 些 问题 ， 忽 略 它 。 无 论 怎么 研究 ， 可 能 也 找 不 到 完美 的 解决 方案 。 记 住 用 户 也 在 不 停 
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测试 可 用 性 





地 学 习 。 只 要 这 种 学 习 过 程 并 不 令 人 难以 接受 ， 并且 容易 记忆 ， 那 就 没 问题 。 


有 些 要 求 也 可 以 忽略 

有 些 用 户 在 测试 的 时 候 总 是 说 :“ 如 果 它 有 这 个 功能 就 更 好 了 。” 这 样 的 说 法 常常 被 理解 为 他 
们 在 要 求 新 的 功能 。 

但 这 并 不 是 在 告诉 你 ， 如 果 没 有 这 些 功能 ， 他 们 就 会 真 的 觉得 这 个 产品 烂 透 了 。 反 过 来 说 ， 就 
算 你 加 了 这 些 功 能 ， 他 们 也 并 不 一 定 就 会 跳 起 来 为 你 叫好 。 


如 果 你 仔细 询问 常常 会 发 现 ， 说 这 些 话 的 用 户 已 经 找到 一 个 很 好 的 网 站 (或 者 他 们 知道 某 个 产 
品 ) 有 这 个 功能 ,他 们 并 不 会 因为 你 加 了 这 个 功能 ,就 放弃 那个 网 站 或 产品 而 只 用 你 的 。 同 样 的 道理 ， 
你 没有 加 这 个 功能 ， 他 们 也 不 会 因此 就 放弃 你 提供 的 其 他 功能 : 他 们 只 是 在 告诉 你 他 们 觉得 什么 
很 酷 而 已 ， 这 些 不 是 真正 的 要 求 。 


别 顾此失彼 ! 


这 是 最 重要 的 。 做 任何 事情 都 需要 讲究 平衡 。 这 种 平衡 都 是 很 微妙 的 ， 我 们 必须 时 刻 都 进行 
全 盘 的 考虑 。 





比如 说 , 你 发 现 某 个 地 方 不 能 吸引 用 户 的 注意 力 。 为 了 修正 这 个 问题 , 你 把 它 调整 得 更 为 突出 。 
但 是 这 种 时 候 你 必须 注意 ， 会 不 会 因此 而 降低 了 其 他 内 容 的 重要 性 一 一 船 头 高 了 ， 船 尾 自然 就 会 
低下 去 。 


图 片 也 是 一 个 需要 权衡 的 问题 : 用 户 觉 得 网 站 页 面 显示 得 很 慢 ， 你 就 要 想方设法 提高 这 个 方面 
的 可 用 性 。 但 如 果 你 希望 最 快 的 页 面 下 载 速度 ， 那 么 就 一 张 图 片 也 别 放 。 但 这 样 网 站 就 会 很 难看 。 


有 了 时候， 哪怕 一 个 很 小 的 变化 都 会 带 来 很 大 的 影响 〈 想 想 “ 蝴 蝶 效 应 ") 。 真 正 的 挑战 不 是 如 
何 修正 你 发 现 的 问题 ， 而 是 修正 这 些 问题 的 同时 不 破坏 已 经 正常 运行 的 部 分 。 


记 住 , 有 时 候 你 的 改变 会 得 到 一 些 东 西 , 但 也 可 能 会 失去 更 多 。 就 像 下 面 这 个 可 怜 的 家 伙 一 样 。 





警卫 ! 这 个 吹 口 稀 的 让 我 简 
直 雪 疯 椒 了 ! 我 要 求 检 个 链 室 ! 
区 = 人 
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Just one last dance...oh baby...just one last dance. 
一 一 专辑 《Key to My Soul》， 和 歌手 Sarah Connor 


兴 单 一 W eb 开发 中 的 可 用 性 和 用 户 体验 Is sa easy 





现在 让 我 们 开 瓶 香槟 庆祝 一 下 。 从 最 开始 的 产品 创意 ， 寻 找 用 户 ， 找 到 需求 ， 然 后 不 断 地 开 
发 原型 并 且 评估 ， 最 后 测试 产品 的 可 用 性 。 在 这 些 环 节 之 后 ， 产 品 终于 可 以 面市 了 。 它 也 许 不 是 
最 出 色 的 ， 但 肯定 不 差 一 一 因为 它 经 受 住 了 我 们 的 重重 考验 。 














但 是 产品 的 推出 并 不 代表 着 设计 结束 。 别 不 耐烦 ， 我 们 已 经 做 了 这 么 多 ， 不 妨 把 这 最 后 一 点 
工作 做 好 一 一 因为 它 和 测试 一 样 重要 。 这 一 章 也 很 得， 所 以 请 看 完 它 


这 最 后 的 一 点 工作 是 什么 呢 ? 


记 住 我 们 一 直 在 以 用 户 为 中 心 。 我 们 已 经 给 餐厅 的 顾客 们 上 菜 了 ， 但 作为 负责 任 的 餐馆 ， 
还 没完 。 菜 的 味道 到 底 如 何 ? 客人 们 的 感觉 怎么 样 ? 我 们 只 能 去 问 顾客 自己 。 








您 觉得 我 们 店 牛 扒 的 味道 怎么 样 ? 


也 就 是 说 ， 你 还 需要 收集 用 户 的 实际 使 用 情况 。 有 必要 的 时 候 ， 根 据 这 些 信 息 ， 你 也 可 能 会 
不 断 地 改进 和 提高 现 有 产品 的 质量 和 可 用 性 。 


其 实 这 种 收集 活动 非常 简单 ， 方 法 也 是 我 们 所 熟悉 的 。 关 键 只 在 于 你 愿 不 愿意 去 做 。 
9.1 询问 用 户 一 一 问卷 调查 


问卷 调查 用 于 统计 数据 ， 以 及 搜集 用 户 的 意见 。 它 的 好 处 是 可 以 搜集 大 量 用 户 的 意见 。 通 过 








就 这 么 简单 rssoeasy 


一 一 WW eb 开发 中 的 可 用 性 和 用 户 体验 





电子 邮件 的 形式 ， 用 户 可 以 自己 决定 是 不 是 回答 问卷 。 没 有 人 逼 他 们 。 









回答 你 收 到 的 电子 
问卷 ! 否则 @#$%! 





这 就 有 些 荒 雇 了 
而 一 旦 他 们 愿意 回答 问卷 ,那么 通常 都 会 很 认真 地 填写 。 这 样 你 收 到 无 效 问卷 的 几率 会 少 一 些 。 


那些 在 网 站 上 的 小 调查 几乎 没有 很 大 意义 ， 因 为 问题 过 于 笼统 ， 也 不 清楚 接受 调查 的 用 户 
状况 。 所 以 , 许多 问卷 调查 都 是 从 询问 基本 的 用 户 信息 开始 ， 例 如 他 是 使 用 产品 5 年 的 老 用 户 ， 
还 是 刚刚 接触 的 新 手 。 


您 对 本 网 站 有 何 评价 ?了 

人 非常 满意 

〇 感觉 还 可 以 ,基本 满意 
〇 还 需 进 一 步 完善 

图 夏 名 其 妙 





RE EE) 





这 种 调查 还 真是 有 点 莫名 其 妙 





亲 单 一 一 W eb 开发 中 的 可 用 性 和 用 户 体验 ts s0 easy 


一 
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至 于 问卷 的 设计 , 它 和 我 们 在 测试 后 的 小 问卷 几乎 一 模 一 样 , 无 非 是 用 户 对 网 站 或 产品 的 感受 。 
这 包括 可 用 性 、 信 息 的 质量 和 用 户 界面 的 质量 三 个 方面 。 


9.2 询问 用 户 一 访谈 


另 一 种 在 产品 推出 后 的 跟踪 调查 方法 是 实地 访谈 。 直 接 面对面 地 与 用 户 交流 ， 观 察 他 在 实际 
工作 环境 中 的 使 用 情况 (“环境 ”的 重要 性 )， 询 问 他 的 感受 。 你 会 发 现 很 多 实际 中 的 问题 。 

















例如 ， 用 户 在 使 用 产品 的 过 程 中 可 能 会 受到 一 些 干扰 ， 接 到 电话 或 者 有 同事 打 断 。 他 们 受到 
干扰 后 会 尝试 保持 或 恢复 到 干扰 前 的 状态 。 这 些 可 能 都 是 问卷 调查 所 发 现 不 了 的 情况 。 


其 实 满意 度 调查 可 以 说 是 用 户 测 试 的 一 个 延伸 ， 它 并 不 是 迟到 的 测试 ， 因 为 其 目的 是 为 了 
产品 的 改进 ， 或 者 是 为 了 下 一 个 版 本 的 设计 。 这 种 用 户 至 上 的 理念 ， 也 会 博得 用 户 们 的 好 感 ， 
他 们 会 觉得 你 是 一 个 负责 任 的 开发 者 。 由 于 这 能 更 好 地 支持 他 们 的 工作 ， 他 们 也 会 表现 得 非常 
合作 。 

















终 章 


回 到 开始 : 什么 是 好 的 用 户 
界面 设计 


门徒 们 问 耶 钰 : “告诉 我 们 尽头 在 哪里 。” 
耶稣 说 : “那么 ,你们 已 经 找到 了 开始 ,现在 要 寻 
求 结束 了 ? 开始 在 何 处 ， 尽 头 就 在 何 处 。“ 

一 一 《托马斯 福音 》 





有 单 W eb 开发 中 的 可 用 性 和 用 户 体验 Its s0 easy 


回 到 开始 : 什么 是 好 的 用 户 界面 设计 





就 这 些 了 ， 朋 友 们 。 


在 你 阅读 这 本 书 的 时 间 里 ， 我 们 一 同 经 历 了 “以 用 户 为 中 心 ” 的 用 户 界面 设计 全 过 程 ， 从 了 
解 用 户 、 建 立 用 户 需 求 ， 到 设计 方案 和 开发 原型 ， 然 后 正式 地 设计 ， 并 和 迭代 进行 用 户 测试 。 最 后 
还 可 以 通过 一 些 方式 来 了 解 用 户 对 产品 的 满意 度 。 


同时 ， 我 们 也 了 解 了 文化 的 差异 性 ， 这 对 基于 互联 网 技术 的 产品 开发 是 至 关 重要 的 。 


在 第 六 章 和 第 七 章 我 们 还 专门 谈 到 了 Web 和 Web-based 产品 的 可 用 性 。 你 已 经 发 现 很 多 产 
品 都 存在 着 用 户 交 互 方面 的 问题 ， 而 且 页 面 的 每 个 元 素 都 需要 加 以 注意 。 


干 得 不 错 ， 伙 计 。 我 简直 有 些 不 敢 相信 你 已 经 看 到 了 最 后 一 章 。 能 看 到 这 里 的 朋友 ， 不 管 以 
前 是 否 接触 过 正规 的 用 户 界 面 设 计 ， 我 想 你 现在 已 经 理解 了 这 个 概念 一 一 它 并 不 难 ， 只 是 需要 更 
科学 、 全 面 地 看 待 设计 而 已 。 用 户 界面 设计 不 靠 灵感 ， 它 需要 的 是 你 的 勤奋 和 不 懈 的 实践 与 验证 
精神 。 


什么 是 好 的 用 户 界面 设计 ? 现在 再 问 这 个 问题 ， 我 想 你 已 经 有 了 答案 。 好 的 用 户 界面 设计 就 
是 以 用 户 为 中 心 的 设计 ， 可 用 性 强 的 设计 ， 美 观 的 设计 ， 让 用 户 有 良好 体验 的 设计 。 如 果 不 确定 
自己 的 产品 是 好 还 是 不 好 ， 闭 请 几 位 用 户 ， 让 他 们 体验 之 后 就 会 得 到 结论 。 

其 实 ， 没什么 难 的 。 看 完 这 本 书 我 想 你 应 该 会 有 这 种 感觉 。 如 果 有 权利 的 话 ， 我 会 为 你 颁发 
毕业 证 书 。 但 是 一 个 证 书 并 不 能 代表 什么 ， 真 正 关键 的 是 你 是 否 掌 握 了 这 些 知 识 ， 并 能 把 它们 付 
诸 实 践 。 





我 在 书 中 描述 了 很 多 用 户 界面 设计 使 用 的 正规 方法 ,包括 建立 用 户 模型 (创造 你 的 “ 阿 童 木 ”)、 
数据 搜集 ( 间 卷 .访谈 .观察 和 集体 讨论 )、 用 需求 模板 来 解释 和 分 析 数 据 (一 道 填空 题 )、 描 述 任 务 ( 讲 





文 么 简单 tsseasy 


一 一 Web 开 发 中 的 可 用 性 和 用 户 体验 





故事 和 流程 图 ) ， 以 及 让 用 户 参 与 ( 师 徒 关系 ) 等 等 。 





此 外 还 有 很 多 原则 和 指南 ， 例 如 “摩西 的 十 诚 *"、“8 项 黄金 法 则 ”、“HOMERUN 原则 ”。 这 些 
都 非常 有 用 ， 如 果 你 记 不 住 的 话 ， 随 时 翻 翻 相关 的 章节 。 


但 是 ， 就 像 我 说 的 ， 我 只 可 能 为 你 颁发 毕业 证 书 ， 而 不 是 学 位 证 书 。 有 时 候 这 是 两 种 东西 ， 就 
像 有 些 研 究 生 文 赁 一样。 毕业 证 书 只 是 一 种 学 历 证 明 ， 学 位 证 书 则 表示 你 在 某 个 专业 领域 已 经 达 
到 了 一 定 的 高 度 ， 所 以 给 你 的 认证 。 我 只 能 说 你 学 习 完 了 这 些 知 识 ， 却 不 敢 保证 你 是 否 能 够 把 它 
们 运用 到 实际 工作 中 去 ， 并 且 运 用 得 好 。 








我 讲 了 很 多 技术 ， 但 仅仅 只 了 解 技术 是 不 够 的 。 普 通 的 技术 人 员 和 专家 都 了 解 技术 ， 但 是 他 
们 之 间 有 很 大 的 区 别 。 专 家 能 站 在 更 高 的 层次 审视 设计 ， 并 能 根据 实际 情况 合适 地 选用 技术 。 


专家 是 什么 样 的 人 ? 


@ ”专家 们 都 很 灵活 

专家 知道 正确 、 便 捷 的 方法 。 并 不 是 说 他 们 会 讨 巧 ,干什么 都 想 走 捷径 ， 而 是 说 他 们 知道 在 
什么 时 候 该 选用 什么 样 的 技术 ， 如 何 安 排 人 手 、 调 用 资源 。 由 于 他 们 对 知识 吃 得 很 透 ， 所 以 
能 够 灵活 地 运用 。 有 时 候 看 上 去 很 难 的 事情 ， 由 他 们 经 手 就 会 变 得 举重 若 轻 。 这 是 需要 对 工 
作 有 深刻 的 理解 才能 达到 的 境界 。 


@ ”专家 们 都 很 细心 

有 了 时候 看 上 去 他 们 好 像 是 在 闲 庭 信步 ， 但 其 实 他 们 心细 如 发 。 由 他 们 主导 的 工作 很 少 会 出 现 
严重 的 丝 漏 , 很 多 事情 都 能 面面俱到 , 而 且 顾全 大 局 。 上 了 年 纪 的 老 马 都 会 知道 路 上 哪里 有 坑 ， 
但 是 年 轻 的 马 却 很 容易 大 大 啊 吓 。 这 需要 不 断 地 积累 经 验 才能 做 到 。 


@ ”但 同时 专家 们 又 很 大 胆 

尽管 专家 非常 谨慎 细心 ,但 是 他 们 却 又 很 有 勇气 跳出 常规 的 圈 圈 。 这 种 “大 胆 ”不 是 盲目 冒进 ， 
而 是 在 有 充分 准备 的 基础 上 勇于 创新 ， 不 排斥 新 兴 技 术 。 真 正 的 专家 是 不 会 顽固 不 化 的 ， 如 
果 是 有 真正 价值 和 值得 借鉴 的 新 技术 ,他们 一 定 很 乐于 接收 。 

















@ ”最 后 ,专家 们 也 都 很 谦逊 
“大 家 风范 ” 指 的 不 是 高 高 在 上 或 者 人物 敬 不 别 ， 就 连 圣人 都 “不 耻 下 间 "。 人 们 会 发 现 其 实 他 
们 很 愿意 和 专家 接触 。 哪 怕 你 对 某 件 事 一 窍 不 通 ， 他 们 仍然 会 尊敬 你 ， 因 为 学 得 越 多 就 越 知 
道 自己 的 不 足 ， 还 有 更 多 的 知识 需要 掌握 。 也 正 因此 专家 们 愿意 接受 新 事物 ， 并 且 乐 于 学 习 ， 
始终 保持 着 积极 、 高 昂 的 姿态 。 





W eb 开发 中 的 可 用 性 和 用 户 体验 its so easy 


回 到 开始 : 什么 是 好 的 用 户 界面 设计 





这 就 是 专家 。 不 管 你 是 年 轻 的 开发 人 员 还 是 年 长 的 设计 师 , 这 个 世界 都 由 你 或 即将 由 你 来 掌握 。 
你 们 是 中 坚 力量 ， 世 界 的 发 展 将 由 你 们 来 推动 。 掌 握 已 有 的 知识 ， 熟 练 地 运用 ， 同 时 以 开放 的 心 
态 面 对 这 个 世界 ， 它 就 在 你 的 手中 。 


ee 





